如何在没有href属性的链接中显示小手?
我有这个链接jander
。
当我将鼠标光标放在它上面时,会显示选择光标而不是小手。
有什么办法可以露出小手吗?
注意:我不想使用 href='#' 因为在这种情况下,当我单击链接(它是执行 ajax 函数的链接)时,它会转到页面顶部。
i have this link <a>jander</a>
.
When I put the mouse cursor over it, the selection cursor is shown instead of the little hand.
Is there any way to show the little hand?
Note: I don't want to use href='#' because it is that case when I click on the link (it's a link that executes ajax function), it goes to the top of the page.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(8)
光标样式如下:
Style the cursor as so:
您还可以执行以下操作:
这可以防止滚动到页面顶部并保持链接具有 href 属性(在 CSS 被锁定或您的 CMS 受到限制的某些情况下是理想的选择)。
You can also do:
This prevents the scroll to the top of the page and keeps your links having an href attribute (ideal in some situations where CSS is locked or if you have a limiting CMS).
使用
在元素的样式或类中 。请注意,这适用于任何元素 - 不仅仅是
a
。顺便说一句,您始终可以在处理程序中
返回 false
以避免出现href="#"
问题。Use
in the element's style or class. Note that this will work on any element — not just
a
.By the way, you can always
return false
in your handler to avoid the problem you have withhref="#"
.如果您想为所有
属性进行设置,请在 css 文件中设置此属性。
if you want to set for all
<a>
attribute set this in your css file.将
style="cursor:pointer;"
添加到您的a
标记中。Add
style="cursor:pointer;"
to youra
tag.当您使用 JavaScript 链接时,您还可以使用
jander
或者
返回 false 将“停用” href 属性
When you use links for JavaScript you can also use
<a href="javascript:false">jander</a>
or
<a href="#" onClick="ajaxFunction(); return false;">
the return false will 'deactivate' the href attribute
使用 Bootstrap 时,您可以执行以下操作:
When using Bootstrap, you can do the following:
避免内联样式!使用一个类
avoid inline styles! use a class