HTML гиперссылка <a>без обновления

Question

тег используется в раскрывающихся меню Jquery и обычно в ajax.Но проблема это обновляет страницу.Как заставить его не обновляться?

Спасибо,

Answer 1

Используйте e.preventDefault() в обработчике кликов и return false;.

Answer 2

Просто добавьте javascript:void(0) в href

Пример: <a href="javascript:void(0)">Home</a>

Answer 3

Вы можете добавить обработчик для события click на ваших привязках, который после выполнения его работы (выполнения и обработки запроса Ajax) возвращает False.Это предотвратит распространение события и вызов обработчика по умолчанию (то есть GET ресурса, на который указывает href).

Answer 4

У меня была похожая проблема, и я решил ее.

1. Удалите атрибут href.Многие люди установят его на «#», потому что «оно никуда не денется».Не совсем верно.Это приведет вас к верхней части страницы, что является проблемой, когда у вас есть страница с прокруткой.
2. К сожалению, удаление тега href приведет к удалению обычных правил для указателя мыши.Если вы хотите, чтобы курсор изменился, когда кто-то наведет на него курсор, добавьте теги hrefless без: -

курсор: указатель

Если вы сделаете эти две вещи, ваштеги никуда не денутся, не будут прокручиваться на экране и будут выглядеть как обычные ссылки, когда пользователь наводит на них курсор.