jQuery的衝突 - 如何使用jQuery.noConflict（）;

我正在使用JQuery的一些下拉導航功能。工作很好。現在我只是添加了Cycle JQuery Plugin，我只能得到一個工作，具體取決於我在頭部列出他們的順序。我已閱讀關於jQuery.noConflict（）;功能，但並不確定把它放在哪裏。這是我得到的。jQuery的衝突 - 如何使用jQuery.noConflict（）;

HTML

<head> 
    <title>#</title> 

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> 
    <meta content="online restaurant employee scheduling, employee scheduling, scheduling software, employee scheduling software, restaurant scheduling, restaurant scheduling software, restaurant schedules, restaurant employee scheduling, online scheduling, online scheduling software" name="keywords"/> 
    <meta content=" easy-to-use, Web-based restaurant labor management solutions and workforce management software offers flexible, effective and improved communication for employees and managers." name="description"/> 
    <meta content="index, follow" name="robots"/> 
    <meta content="no-cache" http-equiv="cache-control"/> 
    <meta content="no-store" http-equiv="cache-control"/> 
    <meta content="0" http-equiv="expires"/> 
    <meta content="no-cache" http-equiv="pragma"/> 
    <meta content="Rh52pxT6lFEqOVMlSt7QpOVHb325OHdlGkWZ0QMUSbU" name="google-site-verification"/> 

    <link rel="stylesheet" href="stylesheets/style.css" media="screen" /> 

    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> 
    <script src="js/jquery.cycle.all.min.js" type="text/javascript"></script> 
    <script src="js/menu.js" type="text/javascript"></script> 
    <script src="js/slideshow.js" type="text/javascript"></script> 

</head>

當它的結構是這樣我Cycle插件作品，但不是導航下拉菜單。下面是相應的.js與資產淨值存在文件：menu.js和Cycle插件的存在：slideshow.js

menu.js

$(document).ready(function() { 

    $('#nav li').hover( 
     function() { 
      //show its submenu 
      $('ul', this).slideDown(100); 
     }, 
     function() { 
      //hide its submenu 
      $('ul', this).slideUp(100);   
     } 
    ); 

});

slideshow.js

$('#slideshow').cycle({ 
    speed:  200, 
    timeout: 0, 
    pager:  '#tabs', 
    pagerEvent: 'mouseover' 
});

來源

2010-01-15 bgadoci

那是slideshow.js的全部內容？如果是這樣，你可能希望在加載頁面之後運行它，比如menu.js。 – 2010-01-15 05:43:01

我看不出爲什麼你需要jQuery.noConflict()這是與其他腳本使用$變量。請參閱documentation。

相反，萊恩說，你需要放置一個$(document).ready()內的循環代碼，所以slideshow.js變成：

$(document).ready(function() { 
    $('#slideshow').cycle({ 
     speed:  200, 
     timeout: 0, 
     pager:  '#tabs', 
     pagerEvent: 'mouseover' 
    }); 
});

來源

2010-01-15 08:47:16

所以我做到了這一點，仍然沒有。我現在已經有了slideshow.js，但是隻有幻燈片放映不在菜單中。你會在頭上列出哪些腳本？ – bgadoci 2010-01-15 14:51:44

它應該沒有什麼區別它們列出的順序。嘗試構建一個最小的測試頁面。 – 2010-01-15 16:31:06

從documentation of noConflict()：

注：此功能必須調用 船尾呃包括了jQuery JavaScript的文件，但包括任何其他衝突的庫，而且實際上是相互衝突庫被使用之前，以防jQuery是最後列入前。在jQuery.js 文件末尾調用noConflict可以調用以全局禁用$（） jQuery別名。

只是一個腳本標記添加到您的標題後，您的jQuery包含運行noConflict（）函數（例如，從「Using jQuery with noConflict」頁面獲取）：

<head> 
    <script src="prototype.js"></script> 
    <script src="jquery.js"></script> 
    <script> 
    jQuery.noConflict(); 

    // Use jQuery via jQuery(...) 
    jQuery(document).ready(function(){ 
     jQuery("div").hide(); 
    }); 

    // Use Prototype with $(...), etc. 
    $('someid').hide(); 
    </script> 
</head>

來源

2010-01-15 04:46:16 womp

<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> 
<script>jQuery.noConflict();</script> 
<script src="js/jquery.cycle.all.min.js" type="text/javascript"></script> 
<script src="js/menu.js" type="text/javascript"></script> 
<script src="js/slideshow.js" type="text/javascript"></script>

menu.js：

(function($){ 
$(document).ready(function() { 

    $('#nav li').hover( 
     function() { 
      //show its submenu 
      $('ul', this).slideDown(100); 
     }, 
     function() { 
      //hide its submenu 
      $('ul', this).slideUp(100);   
     } 
    ); 

}); 
})(jQuery);

slideshow.js：

(function($){ 

$('blah').cycle() 
})(jQuery);

來源

2010-01-15 04:49:21

感謝您的回答。我按照說明和相同的結果做了這個。幻燈片的作品，但不是菜單不。我假設'等等'只是因爲我應該在你的答案中理解這一點，但只是想確認一下。我可能做錯了什麼？ – bgadoci 2010-01-15 05:07:03

如果您有與noConflict業務完全不同的問題，您可以提出一個單獨的問題嗎？並提供HTML？ – 2010-01-15 05:21:35

我試過一樣，但只有一個作品... – piku 2010-05-15 11:42:54

jQuery的衝突 - 如何使用jQuery.noConflict（）;

回答

相關問題