Javascript Wordpress、Jquery、切换、按钮、文件位置、代码位置只在某些时候起作用。为什么？

我有一个wordpress网站在我的新手看护下（我是实习生），我被要求去实现它，还有一个按钮用来切换表单。所以我去挖了。我找到了这个教程

并用它来实现这个--> “请求更多信息”按钮按我刚才指示的那样在您转到链接时按预期工作

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

有什么好处

关于hardwareclub.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
});
});

---

我不确定您对Ajax和JQuery有多熟悉，但基本上，当您单击菜单链接时，您正在使用Ajax加载页面，这会阻止JQuery运行。看到这个答案了吗。这里引用了这个答案

当您执行AJAX调用并替换页面的某个部分时，您将 移除那些绑定了事件处理程序的元素，然后 用新元素替换它们。即使这些元素现在会 匹配该选择器，则不会绑定事件处理程序，因为 执行该操作的代码已经执行

我相信你在这里也遇到了同样的问题，这就是为什么正常加载页面时它可以工作，而通过Ajax加载页面时却不能工作

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

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

---

我对你的JQuery了解不多（因为你没有发布任何代码），但我确信这基本上就是问题所在。

谢谢@crazymatt这是答案和链接上的一个位置。如果我被允许投票，我会的。很高兴这有帮助！既然你问了这个问题，你就应该接受我的回答。寻找复选标记