2013-02-15 49 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