在main函数中调用click函数

Question

我只是想知道在main函数中调用click函数而不是在$(document).ready(function() {});中调用click函数的缺点。这就是我的意思

​

function tester() {
  $('.className-1').click(function() {
    var cmtpid = $(this).attr('data-cmtpid');
    alert(cmtpid);
  });
  $('.className-2').click(function() {
    var pid = $(this).attr('data-pid');
    alert(pid);
  });
}
tester();

​

更新：tester()函数只会被调用一次，这主要是因为我想避免内联html onclick=""

Answer 1

因为我注意到你在用jQuery。也许可以考虑在选择器后面添加unbind("click")，以确保您不会意外绑定多次单击，从而导致在单击时多次执行。

此外，这也没有任何真正的缺点，但我强烈建议将java脚本放在html文档的最后，以确保DOM被加载。

示例：

$('.className-1').unbind("click").click(function(){

});