2013-02-15 72 views
0

JQuery的冲突意味着我的2件功能拒绝一起工作。我试过切换脚本的顺序并将$ function替换为Jquery函数。似乎没有解决问题!Jquery库冲突 - 覆盖不工作

<div id="mainICONZ" class="iconz"> 
       <ul class="iconz"> 
       <li><img src="images/icon-1.png" rel="#mies1"></li> 
       <li><img src="images/icon-2.png" rel="#mies2"></li> 
       <li><img src="images/icon-3.png" rel="#mies3"></li> 
       <li><img src="images/icon-4.png" rel="#mies4"></li> 
       </ul> 
       </div> 

    <div class="simple_contact3" id="mies1">all over the content</div> 
      <div class="simple_contact3" id="mies2">all over the content</div> 
      <div class="simple_contact3" id="mies3">all over the content</div> 
      <div class="simple_contact3" id="mies4">all over the content</div> 
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
      <script type="text/javascript" src="http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js"></script> !--> 
      <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> 
        <!-- <script> 
    // What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready 
    jQuery(document).ready(function() { 



    $("img[rel], a[rel]").overlay({expose: '#fff'}); 

    }); 
    </script> 
      <script type="text/javascript"> OTHER SCRIPT HERE!! </script> 
+0

您在控制台中收到了哪些错误?因为DOM已经加载,所以不需要使用'$(document).ready()'。 – BenM 2013-02-15 12:13:45

+0

未捕获的ReferenceError:未定义的jQuery hoverIntent.js:112 未捕获的ReferenceError:未定义的jQuery superfish.js:126 未捕获的ReferenceError:$没有定义index3.html:25 未捕获的类型错误:对象[对象的对象]没有方法'overlay'index3.html:452 Uncaught TypeError:Object [object Object] has no'overlay' – 2013-02-16 14:05:18

回答

0

你有没有尝试这个办法:

jQuery.noConflict(); 

,然后用jQuery代替$。

+0

像这样? '' 我是否必须在两个脚本上都使用它?它似乎没有工作,在这种情况下,这两个脚本都被破坏了! – 2013-02-16 14:07:01

+0

对于所有脚本,您必须使用Jquery而不是$。 – 2013-02-16 14:53:31