小编典典

如何使锚标签不引用任何内容?

all

我使用 jQuery,我需要让一些锚标签不执行任何操作。

我通常这样写:

<a href="#">link</a>

然而,这是指页面的顶部!


阅读 60

收藏
2022-08-05

共1个答案

小编典典

如果你不想让它指向任何东西,你可能不应该使用<a>(anchor) 标签。

如果你想让某样东西看起来像一个链接,但不像一个链接,最好使用适当的元素(例如<span>),然后使用 CSS 设置样式:

<span class="fake-link" id="fake-link-1">Am I a link?</span>

.fake-link {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

另外,鉴于您将此问题标记为“jQuery”,我假设您要附加一个单击事件处理程序。如果是这样,只需执行与上述相同的操作,然后使用类似以下 JavaScript 的内容:

$('#fake-link-1').click(function() {
    /* put your code here */
});
2022-08-05