javascript - 有人可以向我解释为什么在加载页面时会触发此按钮单击吗？

Question

这个问题已经有答案了:

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

已关闭 5 年前。

我正在尝试创建一个页面，该页面加载来自外部 PHP 脚本的结果，然后动态添加按钮，单击这些按钮会将您带到其他页面。我我想我会通过 for 来做到这一点从 PHP 文件中获取页数的循环(我已省略)。

我有一个名为 test(pageNum) 的附加函数它接受页码参数并获取结果并将其显示在表格中。该功能很好，但每当我加载页面时，它似乎都会立即调用按钮单击功能。有人可以在这里解释一下这个问题吗？

$(document).ready(function() {
  test(1);

  $.get("link here", {
    op: "pages"
  }, function(data) {
    $("h1").html(data);
    for (var j = 1; j < data.length; j++) {
      (function() {
        var btn = $("<button>/", {
          type: 'button',
          text: j,
          on: {
            click: test(j)
          }
        });
        $('#buttons').append(btn);
      })(j);
    }
  });
});

Answer 1

这段代码:

on: {  click: test(j) }

将您的click事件设置为test(j)的结果 - 即立即调用它。

将其更改为

on: { click: function() { test(j) } }