events - $.load() 之后 jquery 事件未绑定到页面项目

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)
    }
});