Wordpress，Jquery，Toggle，Button，File Location，Code Location，只工作一些时间。为什么？

Question

我有一个wordpress网站在我的新手(我是一个实习生)，并要求实现和一个按钮，以切换一份表格。所以我去挖了。我找到了这个教程http://www.davidtiong.com/create-toggle-shortcode-for-wordpress-using-jquery/

并使用它来实现这个-> http://www.hardwareclub.co/community/按钮，“请求更多信息”，就像我刚才指示你去链接时应该做的那样。

但是，如果您通过使用顶部导航菜单从hardwareclub.co到达那里，则按钮将不再工作。

怎么回事？

同样的问题也可以被问到关于Harwareclub.co/scale页面。

jQuery(function($){
         $(".toggle_container").hide();
$(document).on('click', "h3.trigger", function () {
     $(this).toggleClass("active").next().slideToggle("normal");
     return false; //Prevent the browser jump to the link anchor
});
});

Answer 1

我不知道您对Ajax和JQuery有多熟悉，但基本上当您单击菜单链接时，就会使用Ajax加载页面，从而阻止JQuery运行。看到这个，回答here。以下是这个答案的引语。

当您执行AJAX调用并替换页面的某个部分时，您将使用绑定到它们的事件处理程序删除这些元素，并将它们替换为新元素。即使这些元素现在与选择器匹配，它们也不会绑定事件处理程序，因为要执行的代码已经执行。

我相信您在这里也有同样的问题，这就是为什么它在页面正常加载时工作，而在通过Ajax加载页面时却不能工作。

您需要设置表单的JQuery单击事件，以便使用以下内容：

$(document).on('click', ".your-form-class", function () {
...
});

我对你的JQuery还不太了解(因为你没有发布任何代码)，但我肯定这是怎么回事。