Wordpress, Jquery，切换，按钮，文件位置，代码位置，只在某些时候有效.为什么

Wordpress, Jquery, Toggle, Button, File Location, Code Location, Works only some of the time. Why?

本文关键字：位置 候有效 有效 为什么 按钮 切换 Jquery 文件 代码 Wordpress      更新时间：2023-09-26

我有一个wordpress网站在我的新手护理(我是一个实习生)，并被要求实现和一个按钮切换表单。于是我开始挖掘。我找到了这个教程http://www.davidtiong.com/create-toggle-shortcode-for-wordpress-using-jquery/

并使用它来实现这个——> http://www.hardwareclub.co/community/这个按钮，"请求更多信息"，当你去到我刚才指示你的链接时，它应该是工作的。

但是如果你从硬件俱乐部到那里。通过使用顶部导航菜单，按钮不再工作。

给了什么?

同样的问题也适用于硬件俱乐部。有限公司/页面。

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运行。看这里的SO答案。以下是该回答中的一段话。

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

我相信你有同样的问题发生在这里，这就是为什么它的工作，当页面正常加载，但不工作时，通过Ajax加载。

你需要为你的表单设置JQuery点击事件，像这样:

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

我不太了解你的JQuery(因为你没有发布任何代码)，但我确信这几乎是正在发生的事情。

相关文章：