javascript - 使用 javascript 页面转换时替代 jquery $(document).ready(handler)

Question

在我的 WordPress 网站的一个简单插件中，我编写了设置点击事件的代码，如下所示:

$(document).ready(function() {
    $("#myButton").click(function() {
        //do stuff
    });
});

当我直接加载相关页面时，此代码按预期工作。但是，用户访问该页面的方式是通过主题标题中的链接。我不太确定主题中的页面过渡是如何工作的，但最终效果是，每当单击链接时，就会发生一些动画，页面淡出，新页面淡入。问题是 $(document).当新页面淡入时，ready() 不会触发，因此单击处理程序不起作用。

如何更改代码以便在新页面淡入时注册点击处理程序？

如果需要了解主题如何工作，我正在使用 Bridge 主题。该主题的演示版现已推出 here .

更新:在玩了一下主题页面转换之后，我怀疑主题正在使用ajax获取新页面内容，淡出旧页面内容，淡入新页面内容，然后“人为”修改url以显示新页面网址。

Answer 1

如果将点击事件绑定(bind)到文档，它将应用于文档加载后加载或创建的元素。

这可以像这样完成:

$(document).on('click', '#myButton', function() {/* ... */});