javascript - 避免立即执行 Jquery 中的函数

Question

我在脚本中执行了这个函数

$(document).ready(documentReady);

function documentReady(){
      console.log("Ready");
      $(".loadMore").on("click",loadMoreClicked(this.id));
}

function loadMoreClicked(elementID){
//do something with elementID
}

但是，每次加载文档时，它都会立即 loadMoreClicked 函数 - 因此会出错。

似乎如果我只是想将一个函数分配给 click 事件而不直接执行它，我必须删除任何参数。 为什么会发生，我该如何避免？

Answer 1

只需删除括号和参数，this 将在回调中可用

$(".loadMore").on("click", loadMoreClicked);

function loadMoreClicked(){
    var elementID = this.id;
}