jquery - jQuery - 单击 href="#" 时防止默认行为（无类或 id）

Question

我有一个需要更新的现有脚本。它包含许多结构如下的链接：

<a href="#" onclick="showDialog();return false;">someText</a>

function showDialog(){
$("#modal").dialog("open");
return false;
}

有些有类或 id，有些不是

我想使用 preventDefault 但不确定在没有类或 id 时使用它的最佳方法是什么。

这个问题的重点是在不添加类或更改链接结构的情况下解决问题。我需要一个与链接一起使用的解决方案，因为它们是在现有脚本中编码的。

Answer 1

你为什么不使用 javascript:void(null); 作为href？

<a href="javascript:void(null);" onclick="showDialog(); return false;">SomeText</a>

Answer 2

由于您使用的是 jQuery，我会像这样对其进行重组...

HTML

<a href="#" class="dialog-link">Text</a>

JS

<script>
$(document).ready(function(){
    $('.dialog-link').on('click', function(e){
        e.preventDefault();
        $("#modal").dialog("open");
    });
});
</script>

使用return false时不需要preventDefault。