JQuery ToggleClass и переключение браузера

Question

У меня очень простой toggleClass, который меняет внешний вид ссылки при нажатии. Отличается от одной вещи. Каждый раз, когда я нажимаю ссылку, фокус браузера переключается обратно в начало страницы. Это становится довольно раздражающим, если ссылка находится в самом низу страницы.

Я мог бы использовать другой элемент, такой как диапазон грубых, но мне любопытно узнать, есть ли решение моего вопроса.

Пример ссылка используется:

<a class="share-this" href="#">Share This</a> 

Answer 1

или эта функция может помочь также:

$('.share-this').toggleClass('some-class-that-is-toggled').click(function(e) { 
    return false; 
}); 

Answer 2

При нажатии на ссылку она собирается в «#», указанного в HREF, который является то, что имеет экран в верхней части.

Что вам нужно сделать, так это предотвратить это действие браузера по умолчанию. Вы можете это сделать, обработав событие click и не дожидаясь его пузыря (который затем обработает браузер).

Вы можете предотвратить действие по умолчанию щелчок, как так:

$('.share-this').toggleClass('some-class-that-is-toggled').click(function(e) { 
    e.preventDefault(); 
}); 

Answer 3

Почему использовать ссылку, если вы не собираетесь где-нибудь? Просто добавьте код переключения к другому типу элемента. Мало того, что он избежит работы вокруг него, будет более семантически корректным и понятным для поддержания.

Answer 4

Решение ->

<a class="share-this" href="javascript:void(0);">Share This</a> 

Это произошло из-за HREF = "#" использование "JavaScript: недействительным (0);" вместо #.

он также изменяет ваш URL, например.

http://localhost:8080/appname в http://localhost:8080/appname#