javascript - 在 .click(function () {?

Question

这个有效:

$(function(){

    $.ajax({
      url: 'http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js',
      async: false,
      dataType: "script",
    });

});

但是这不是:

$("a#trigger").click(function(){

    $.ajax({
      url: 'http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js',
      async: false,
      dataType: "script",
    });

});

这是网站(不是我的)的季节性黑客攻击，因此它不一定是完美的。只需要能够在单击时加载外部 .js 文件。

谢谢 :)。

Answer 1

您删除了“DOM 就绪” 代码。将其放回原处，它应该会再次工作。

$(function() {
    $("a#trigger").click(function(){

        $.ajax({
          url: 'http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js',
          async: false,
          dataType: "script",
        });

    });
});

当您将脚本放在页面顶部时，它会立即运行，而不是等待页面的其余部分加载。

通过在 DOM 就绪处理程序中绑定(bind)您的处理程序，它将在文档加载之前不会运行。

此外，请确保您的选择器正确匹配您的目标元素。