jquery - 函数应在单击时执行，但在加载时自动执行

Question

这个问题已经有答案了:

Why does click event handler fire immediately upon page load? (4 个回答)

已关闭 3 年前。

一个简单的快速问题，尽管我在 stackoverflow 上问了很多问题，但我根本无法找出答案。我是新手，感谢您的耐心!

这里是:我有一个函数声明(希望如此):

function test(parameter) {
$(parameter).trigger("click");
};

然后我想在单击某些内容时调用此函数，如下所示:

$("#buttonOne").on("click", test("#correctParameter"));

现在，问题是该函数实际上是在页面加载时正确执行的，然后在单击 #buttonOne 时不起作用。我在 w3school 上读到

Function expressions will execute automatically if the expression is followed by ().<

事实是，当我没有使用任何参数时，它仅在单击时起作用:

function test() {
$("#correctParameter").trigger("click");
};
$("#buttonOne").on("click", test);

但是我必须使用参数选项，这样我就可以在其他时候调用这个函数并每次给它不同的参数。你能帮我解决这个问题吗？

Answer 1

您应该在函数中调用test，如下所示:

$("#buttonOne").on("click", function(){
     test("#correctParameter")
});

这是一个例子:

function test(parameter) {
     $(parameter).trigger("click");
};
$("#buttonOne").on("click", function(){
     test("#correctParameter")
});
$('#correctParameter').on('click', function(){
     console.log("correctParameter clicked")
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" id="buttonOne">Click</button>
<button type="button" id="correctParameter">Other</button>