Question

之前我有这个代码，它工作正常，

$(document).ready(function(){
    $("#tButton").click(function(e) {
       var id = this.value;
       codeResult(id);
    });
});

但是当我将此方法移动到单独的文件时，我已经写了这个

    $("#tButton").click(function(e) {
       var id = this.value;
       codeResult(id);
    });

或

    $("#tButton").on('click', function(e) {
       var id = this.value;
       codeResult(id);
    });

两者都不起作用，我不想在我的.js文件中使用document.ready，这有什么不对？

更新：哇人们只是因为我的要求而投票，原因太长了，这就是为什么我没有指明但在这里我说明为什么我不想使用{{1} } .js文件是

我有 jquery标签，因为现在打开了多个页面两个页面共有这个.js文件，更重要的是第一页没有这个 tButton 链接，所以在我第一次在标签页中加载页面时会执行document.ready但是 tButton 不是页面页面所以它不会绑定，但现在在第二个标签页第二页加载但在此处这个js不会执行document.ready的时间，这是主要问题所以它不会绑定 tButton click事件，因为它之前已加载。这就是为什么我不想使用document.ready。

希望你现在能理解我的复杂情况。

Answer 1

如果您不想使用document.ready，那么您需要在body之前调用您的JS文件。

    <!-- End of the body -->
    <script type="text/javascript" src="scripts.js"></script>
</body>

否则，您需要将$(document).ready();括起来。我仍然没有看到你不能使用它的原因。否则，您也可以通过其他方式实现：

window.onload = function () {
  // All the contents //
}

Answer 2

我很确定您仍然需要在外部文件中使用document.ready。函数的格式不会更改，因为脚本是外部的。

尝试重新放入document.ready ...我确信这样可以解决问题。

Answer 3

$(document).ready(function(){
    $("#tButton").click(function(e) {
       var id = this.value;
       codeResult(id);
    });
});

分离文件中的

必须正常工作

Jquery单击事件不在单独的js文件中工作

3 个答案: