jquery 中的 javascript:void(0)

Question

我有一个带有 html 和 js 的 jsp 页面，如下所示。现在我想将 js 函数 test() 保留到另一个 js 文件中。我正在尝试使用 jquery 编写它。

<div class="class1">
<a href="javascript:void(0)" onclick="test();" id="add_another" ><b>Add another user</b></a>
</div>

JS函数

function test(){
    alert("I am here");
    //other code
 }

我试着这样写

$(function() {
     $('#add_another').click(test);
});

但是它不起作用。我不确定是不是因为它有 href="javascript:void(0)"当用户单击“添加另一个用户”链接时，它会显示另一个 div。那是 test() 做的。但警报本身并没有到来。有人可以帮我解决这个问题吗？

Answer 1

要复制 javascript:void(0)，您可以使用 event.preventDefault()在这样的 js 中。

$(function () {
    $('#add_another').click(function (e) {
        e.preventDefault();
        test();
    });
});