2017-01-20 2 views
2

Итак, я пытаюсь добавить класс в элемент после гиперссылки с отдельной страницы. Я моя ссылка на page1 настроить так:Что мешает моему JS получить мой URL-адрес Hash?

<a href="https://jsfiddle.net/mv7nneu4/2#redbox">go to redbox</a>

и page2 Я бегу эту функцию:

$(function() { 
    var id = window.location.hash; 
    $(id).addClass('expanded'); 
}); 

Это ДИВ должно влиять:

<div id="redbox" class="red"> 
    hajkldjfs 
</div> 

Какой должен быть захват хэша, а затем добавление класса expanded к этому элементу. Однако класс никогда не добавляется и консоль не имеет ошибок.

Вот 2 JS скрипку ссылки я создал, чтобы имитировать это:

page1

page2

Цените помощь!

+0

Кажется, для меня работает. Какой браузер вы используете? –

+1

jsFiddle ставит результаты в iframe. –

+1

@AdrianWragg Я нахожусь на chrome46, но я также открываю ссылку на новой вкладке, если это имеет значение. –

ответ

0

Ваш селектор ошибочен. изменить на

$('#' + id).addClass('expanded'); 
+1

Конкретная проблема заключается в том, что 'window.location.hash' не включает' # 'so' url # redbox' дает 'redbox' не' # redbox'. –

+0

Правильно, я должен был разработать – bryan60

Смежные вопросы