Jquery Accordion 和厚盒冲突

Question

我在同一页面上使用厚盒和 Accordion 时遇到问题，即它们都不起作用。我检查过他们都使用最新版本的jquery。以下是我的包含内容。没有包含其他 jscript 文件。如果这会导致问题，我会在 WordPress 模板上使用它。

<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/themes/foxintouch/javascript/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/themes/foxintouch/javascript/jquery.accordion-1.2.2.js"></script>
<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/themes/foxintouch/javascript/jquery.accordion-1.2.2.source.js"></script>

<!-- thickbox -->

<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/themes/foxintouch/javascript/thickbox/thickbox.js"></script>
<link rel="stylesheet" href="<?php bloginfo('url'); ?>/wp-content/themes/foxintouch/javascript/thickbox/thickbox.css" type="text/css" media="screen" />

这是对 Accordion 的调用:

$(document).ready(function () {
 $('#sidebar ul').accordion();
 });

我网站的网址是 http://clients.bionic-comms.co.uk/fox/foxintouch-wp/issue/13/wesco-new-range/任何帮助将非常感激。谢谢

Answer 1

您的编码包含对两个版本的 jquery 库的引用。第一个库 (jquery-1.3.2.min.js) 使用 Accordion 插件进行了扩展，但随后被第二个库 (jquery.js) 覆盖。

这破坏了您的 $('#sidebar ul').accordion(); 代码，因为第二个 jquery 库不包含 accordion 函数的定义(仅第一个 jquery 库是通过 Accordion 插件进行扩展的)。

一旦您删除了第二个 jquery 库，thickbox 就会停止工作，因为 Thickbox 3.1 不支持 jQuery 1.3+，但这可以通过 changing a single line in thickbox.js 轻松修复。来自:

TB_TempArray = $("a[@rel="+imageGroup+"]").get();

至

TB_TempArray = $("a[rel="+imageGroup+"]").get();