如何在没有href属性的链接中显示小手?

发布于 2024-10-11 15:35:09 字数 168 浏览 7 评论 0原文

我有这个链接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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(8

风苍溪 2024-10-18 15:35:09

光标样式如下:

<a style="cursor:pointer;">jander</a>

Style the cursor as so:

<a style="cursor:pointer;">jander</a>
淡笑忘祈一世凡恋 2024-10-18 15:35:09

您还可以执行以下操作:

<a href="javascript:;">jander</a>

这可以防止滚动到页面顶部并保持链接具有 href 属性(在 CSS 被锁定或您的 CMS 受到限制的某些情况下是理想的选择)。

You can also do:

<a href="javascript:;">jander</a>

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).

誰ツ都不明白 2024-10-18 15:35:09

使用

cursor: pointer;

在元素的样式或类中 。请注意,这适用于任何元素 - 不仅仅是 a

顺便说一句,您始终可以在处理程序中返回 false 以避免出现 href="#" 问题。

Use

cursor: pointer;

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 with href="#".

温折酒 2024-10-18 15:35:09

如果您想为所有 属性进行设置,请在 css 文件中设置此属性。

a {
  cursor:pointer;
}

if you want to set for all <a> attribute set this in your css file.

a {
  cursor:pointer;
}
岁月打碎记忆 2024-10-18 15:35:09

style="cursor:pointer;" 添加到您的 a 标记中。

Add style="cursor:pointer;" to your a tag.

清引 2024-10-18 15:35:09

当您使用 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

荒芜了季节 2024-10-18 15:35:09

使用 Bootstrap 时,您可以执行以下操作:

<a role="button">jander</a>

When using Bootstrap, you can do the following:

<a role="button">jander</a>
走过海棠暮 2024-10-18 15:35:09

避免内联样式!使用一个类

<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>

avoid inline styles! use a class

<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>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文