由于某种原因，Jquery PopUp Overlay 在 Wordpress 中不起作用答案

【问题标题】：Jquery PopUp Overlay Not Working within Wordpress for some reason由于某种原因，Jquery PopUp Overlay 在 Wordpress 中不起作用
【发布时间】：2010-11-29 16:02:15
【问题描述】：

我已将一个非常简单的 JQuery 延迟覆盖弹出窗口复制到 Wordpress 中，但它根本不起作用。我相信它是 Wordrpess 中的东西，因为当我将代码移到 WP 生成的页面之外（http://beta.ohsinsider.com/wp-content/themes/arthemia/overlay_test.html）它工作正常，但在 WP 中根本不起作用 (http://beta.ohsinsider.com/)。

我在这里缺少什么？我需要执行哪些额外步骤才能使此叠加层与 Wordpress 一起使用？

【问题讨论】：

标签： jquery wordpress

【解决方案1】：

现在您的 jQuery Tools 包含被其他 jQuery 包含否定

以下是您网站上发生的事情，按顺序排列：

包含 jQuery 1.3.1：http://beta.ohsinsider.com/wp-content/themes/arthemia/js/jquery-1.3.1.min.js
包括 jQuery 工具：http://cdn.jquerytools.org/1.2.5/all/jquery.tools.min.js
包含 jQuery 1.3.2：http://beta.ohsinsider.com/wp-includes/js/jquery/jquery.js?ver=1.3.2
包含 jQuery 1.2.3：http://beta.ohsinsider.com/wp-content/plugins/thickbox/thickbox/jquery.js

所以发生的事情是 jQuery 工具被包含在内，但是当第二个 jQuery 包含覆盖 jQuery 时它被删除（并且再次与最后一个包含）。

不支持在同一页面中使用多个版本的 jQuery，实际上这会导致您遇到的问题。包含一个版本的 jQuery，仅一次，并且在您的插件之前之前。

对于更新的站点/新代码，顺序如下：

包括 jQuery 1.3.1：http://beta.ohsinsider.com/wp-content/themes/arthemia/js/jquery-1.3.1.min.js
包含 jQuery 1.3.2：http://beta.ohsinsider.com/wp-includes/js/jquery/jquery.js?ver=1.3.2
包含 jQuery 1.2.3：http://beta.ohsinsider.com/wp-content/plugins/thickbox/thickbox/jquery.js
包括 jQuery 工具：http://cdn.jquerytools.org/1.2.5/all/jquery.tools.min.js

...所以现在错误是 jQuery 工具（至少是那个版本），不适用于 jQuery 1.2.3，因为它不兼容而出错。

【讨论】：

@HollerTrain - 你在第 62 行包含了 jQuery again，这会删除所有插件 :)
我已经更新了 js 工具的 url，但它仍然无法正常工作。注意：在我创建的测试 html 页面上使用 js 工具的先前 URL 可以正常工作，所以我认为这不是问题。
所以你是说我什至不需要包含那个 jquery 工具 url，因为我在第 62 行调用另一个 jquery 包？
@HollerTrain -no no...你需要工具，但是当你包含 jQuery after 时，它会重新定义 jQuery 对象，删除像 @987654332 这样的任何插件@...但是你的客户端不应该下载 jQuery 两次，所以只需删除它的多个包含
k 所以我删除了我在第 51 行的 jquery 调用，使第 62 行成为主要的 jquery 调用，但我的覆盖仍然无法正常工作。我是否删除了错误的 jquery 包含？