灯箱手风琴冲突

Question

我有一个包含 3 个脚本的页面：idTabs、lightbox（来自 Dreamweaver）和 Accordion（也来自 Dreamweaver）。我做了一些测试：灯箱不适用于手风琴。他们每个人单独工作正常，但组合手风琴崩溃，不起作用，灯箱工作。 这是一些代码：

<脚本类型=“text/javascript”src=“jquery.idTabs.min.js”>
<脚本 src="jquery-ui-1.7.2/js/jquery-1.3.2.min.js" type="text/javascript">
<脚本 src="jquery-ui-1.7.2/js/jquery-ui-1.7.2.min.js" type="text/javascript>


<脚本 src="scripts/jquery.js" type="text/javascript">
<脚本 src="scripts/lightbox.js" type="text/javascript">
>
>
>
>

 <脚本类型=“text/xml”>
 
 
 >
 

这是在

这是灯箱

      <script type="text/javascript">
// BeginOAWidget_Instance_2127022: #gallery
    $(function(){
        $('#gallery a').lightBox({ 
            imageLoading:           '/images/lightbox/lightbox-ico-loading.gif',        // (string) Path and the name of the loading icon
            imageBtnPrev:           '/images/lightbox/lightbox-btn-prev.gif',           // (string) Path and the name of the prev button image
            imageBtnNext:           '/images/lightbox/lightbox-btn-next.gif',           // (string) Path and the name of the next button image
            imageBtnClose:          '/images/lightbox/lightbox-btn-close.gif',      // (string) Path and the name of the close btn
            imageBlank:             '/images/lightbox/lightbox-blank.gif',          // (string) Path and the name of a blank image (one pixel)
            fixedNavigation:        false,      // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
            containerResizeSpeed:   400,             // Specify the resize duration of container image. These number are miliseconds. 400 is default.
            overlayBgColor:         "#999999",      // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
            overlayOpacity:         .6,     // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
            txtImage:               'Image',                //Default text of image
            txtOf:                  'of'
        });
    });

// EndOAWidget_Instance_2127022
      </script>

这是手风琴

 <脚本类型=“text/javascript”>
    // BeginOAWidget_Instance_2028523: #jQueryUIAccordion
     $(函数(){
                  // 手风琴
                  $("#jQueryUIAccordion").accordion({ header: "h3",
                                          >动画：“幻灯片”，
    事件：“点击”，
    可折叠：“假”
    });         
            });

    // EndOAWidget_Instance_2028523
            
            
            

              

                
第一个
                
 Vivamus rut​​rum，智人交流发酵障碍，nisi libero mattis quam，eu mollis sem metus id ligula。 
              
              

                
第二个
                
它，tristique egestaserat interdum id。
              
              

                
第三个
                
Nam duierat，作者 a，dignissim quis。
              

我希望我没有失去你。我想强调的是，我没有对脚本进行任何修改！它们与我从 Dreamweaver 添加的相同。谢谢 ！

更新：我解决了问题。对于遇到此问题的其他用户，只需从 lightbox 中删除 jquery，accordion 中的 jquery 将同时处理 lightbox 和 Accordion ！它可以在稍后更新时关闭

。我观察到只有歌剧可以加载手风琴和灯箱。 Firefox 根本不加载手风琴和灯箱。这是控制台错误： [12:56:53.907] $("#jQueryUIAccordion").accordion 不是一个函数@ http:// /localhost/SITE/incercare3.php#:190 [12:56:53.969] $("#gallery a").lightBox 不是一个函数@ http: //localhost/SITE/incercare3.php#:275

chrome 也不会加载 2 个脚本：这是 chrome 给我的错误：

Uncaught TypeError: Object [object Object] has没有方法“手风琴” 未捕获的类型错误：对象 [object Object] 没有方法“lightBox”

意见？

Answer 1

首先你要加载 jquery 两次。这会引起冲突。

其次，我只看到标题中包含 lightbox 和 idTabs 脚本，手风琴插件在哪里？

idTabs是在jquery之前加载的bean，使其在jquery之后加载。

看一下你的jQuery版本，你使用的插件同时需要jQuery 1.7和1.3，你会发生冲突。

无论如何，您可以使用 jQuery.noConflict() 同时使用这两个版本。

只是给你更多地学习 javascript 的一个提示：https://developer.mozilla.org/en /JavaScript/指南