Почему функция ‹a href=#A› и jquery click не работают вместе?

Я хочу, чтобы: в верхней части страницы была ссылка. Когда он нажат, он должен перейти на ту же страницу и переключить класс div с помощью jquery. Но оба из них не работают одновременно. Например:

<a href='#A' id='link'>Go to A and toggle a div class</a>

коды jquery:

$('#link').click(function () {
    $('.toggle').toggle();
   });

   <a name='A'> Here is A </a>

мои коды сложнее, но та же логика, что и здесь. Когда я нажимаю на ссылку, div с классом переключения переключается. Сначала он смотрит jquery-коды. Но это не идет к #A. То есть атрибут href не работает. Есть идеи?...


html jquery href
person kalaba2003    schedule 21.05.2012    source источник
comment
как насчет небольшого образца на jsfiddle.net   -  person Dhiraj    schedule 21.05.2012
comment
Приведите пример jsFiddle.   -  person iambriansreed    schedule 21.05.2012
comment
Это должно работать нормально. Живой пример — jsfiddle.net/v8Z53.   -  person TJ VanToll    schedule 21.05.2012
comment
В примере, который вы показали, есть div id = A, но я сделал это с именем = A..   -  person kalaba2003    schedule 21.05.2012
comment
Возможно ли, что у вас есть event.preventDefault() где-то еще в вашем JS, который влияет на теги привязки?   -  person marteljn    schedule 21.05.2012
comment
Возможно, есть проблема с вашей частью HTML. Пожалуйста, покажите также свой HTML.   -  person Naveed    schedule 21.05.2012
comment
Мой браузер firefox.... Мои коды с php и здесь stackoverflow.com/questions/10664312/   -  person kalaba2003    schedule 21.05.2012

Ответы (1)


arrow_upward
3
arrow_downward

click() не будет запускать событие по умолчанию, поэтому вам нужно установить window.location

$('#link').click(function (e) {
    e.preventDefault();
    $('.toggle').toggle();
    window.location.hash = ($(e.currentTarget).attr("href"));
});
person strah    schedule 21.05.2012