Question

我有一个基本索引页面和一个大型存储库页面，我使用jquery.load()函数从中加载所需的元素，以便更清晰的代码和更小的大小。在我在基页中加载某些部分（例如某些按钮）之后，我添加到js文件中新加载的页面项的所有事件处理程序都不起作用。
这是我在js文件中的示例代码：

$(document.body).on('click', '.btn', function(){
    var tData = $(this).text();
    console.log(tData)
})

任何人都可以帮忙吗？将我的所有HTML代码放在一个地方除了在飞行中创建它们之外我可能错了吗？或者我应该在我的html的每个部分之后添加一个脚本标签？

Answer 1

一旦加载了jquery js文件，就将代码包装在ready方法中。

$(document).ready(function() {
    $(document.body).on('click', '.btn', function(){
       var tData = $(this).text();
       console.log(tData)
    }
});

$ .load（）之后jquery事件不绑定到页面项

1 个答案: