У меня есть эта ссылка <a>jander</a>.
Когда я накладываю на него курсор мыши, вместо маленькой руки отображается курсор выбора.
Есть ли способ показать маленькую руку?
Примечание. Я не хочу использовать href= '#', потому что это тот случай, когда я нажимаю на ссылку (это ссылка, которая выполняет функцию ajax), она переходит в начало страницы.
Настройте курсор следующим образом:
<a style="cursor:pointer;">jander</a>
Используйте
cursor: pointer;
в стиле элемента или классе. Обратите внимание, что это будет работать на любом элементе - не только a.
Кстати, вы всегда можете return false в своем обработчике, чтобы избежать проблемы с href="#".
Добавьте style="cursor:pointer;" в тэг a.
Вы также можете сделать:
<a href="javascript:;">jander</a>
Это предотвращает прокрутку вверху страницы и сохраняет ваши ссылки с атрибутом href (идеально в некоторых ситуациях, когда CSS заблокирован или у вас есть ограничение CMS).
если вы хотите установить для всего атрибута <a> значение, установленное в вашем файле css.
a {
cursor:pointer;
}
При использовании Bootstrap вы можете сделать следующее:
<a role="button">jander</a>
избегать встроенных стилей! используйте класс
<style>
.no-href-but-gimme-pointer{cursor:pointer;}
</style>
<a class='no-href-but-gimme-pointer'>hover me for pointer, but don't click me -- i won't do anything!</a>
Когда вы используете ссылки для JavaScript, вы также можете использовать
<a href="javascript:false">jander</a>
или
<a href="#" onClick="ajaxFunction(); return false;">
return false будет дезактивировать атрибут href