处理仅用于样式和/或交互目的的链接的推荐方法是什么？

Question

例如,下面的链接在jQuery中触发了一些内容,但没有转到另一个页面,我前一段时间使用过这种方法.

<a class="trigger" href="#"> Click Me </a>

注意那里只有一个哈希标记,通常会在点击时跳转页面,对吧？[我认为].它仅用于交互式内容,不会转到其他页面或其他任何内容.我看到很多开发人员这样做了.

我觉得这样做是错误的.是否有其他推荐的方法来执行此操作而不使用HTML属性,而不是假设使用它？

不使用<button>ether,因为链接不是按钮.

也许没有哈希？

<a class="trigger"> Click Me </a>

在CSS中:

.trigger {
 cursor: pointer;
 }

那么用户仍然知道它应该点击的东西？

Answer 1

我喜欢让这样的链接在点击时返回false,这样,点击它们不会导致任何跳转.使用jQuery会很简单

$(selector).click(function(e)
{
    e.preventDefault();
});

或者在HTML中

<a class="trigger" onclick="return false;" href=""> Click Me </a>