Лучший способ создать ссылку <a>с пустым href
Я хочу создать ссылку и принудительно привязать привязку ссылок с помощью javaScript, я попробовал следующее: -
<a id="ServerSort" href="#" style="text-decoration:underline">
он работал хорошо, но страница потеряет текущую позицию после нажатия на ссылку <a>
.
Мне нужна ссылка, чтобы иметь href, потому что мне нужно, чтобы мышь меняла курсор при переходе через него?
может ли кто-нибудь посоветоваться?
Ответы
Ответ 1
Вы можете использовать javascript:void(0)
<a id="ServerSort" href="javascript:void(0)">
вам не нужно style="text-decoration:underline"
, как прокомментировал King King
jQuery вы можете сделать это event.preventDefault()
Остановить действие события по умолчанию.
$('#ServerSort').click(function(event){
event.preventDefault(); //or return false;
});
Ответ 2
Лучший способ сделать это - установить href на #0
следующим образом:
<a href="#0">blabla</a>
Ответ 3
.clickable {
cursor: pointer;
}
<a id="ServerSort" class="clickable">Foo</a>
Ответ 4
Существует несколько вариантов:
<a id="ServerSort" href="javascript:">
<a id="ServerSort" href="javascript://">
<a id="ServerSort" href="javascript:void(0)">
Это считается плохой практикой, и я бы никогда не рекомендовал что-то подобное для производства. Обычно я использую первый вариант при привязке к страницам, которые не существуют на этапе разработки.
Желательно, чтобы я вообще не использовал, я переключаюсь на диапазон в примере ниже:
<span id="ServerSort" onclick="return false">Test Link</span>
и просто подстройте элемент следующим образом:
<style type="text/css">
#ServerSort {
text-decoration:underline;
}
#ServerSort:hover {
color:red;
cursor:pointer;
}
</style>
Я вставляю js и просто пишу здесь, чтобы показать другой подход, который позволяет избежать переопределения поведения по умолчанию.
Ответ 5
Вы можете попробовать:
<a id="ServerSort" href="#" style="text-decoration:underline" onclick='return false'>
Или вы можете использовать jQuery event.preventDefault().