jQuery衝突 - 優文庫

我有一個WordPress插件lightbox2和我的網頁上的新聞滾動。jQuery衝突

我的頭部分看起來像這樣

<script type="text/javascript" src="wp-content/themes/soundsright/menu.js"></script> 
<script type='text/javascript' src='wp-includes/js/prototype.js?ver=1.6'></script> 
<script type='text/javascript' src='wp-includes/js/scriptaculous/wp-scriptaculous.js?ver=1.8.0'></script> 
<script type='text/javascript' src='wp-includes/js/scriptaculous/effects.js?ver=1.8.0'></script> 
<script type='text/javascript' src='wp-content/plugins/lightbox-2/lightbox.js?ver=1.8'></script> 
<script type='text/javascript' src='wp-includes/js/jquery/jquery.js?ver=1.3.2'></script> 

    <!-- begin lightbox scripts --> 
    <script type="text/javascript"> 
    //<![CDATA[ 
    document.write('<link rel="stylesheet" href="wp-content/plugins/lightbox-2/Themes/Grey/lightbox.css" type="text/css" media="screen" />'); 
    //]]> 
    </script> 
    <!-- end lightbox scripts --> 


     <!-- SwfObj Plugin version SWFOBJ_VERSION --> 
     <script type="text/javascript" src="wp-content/plugins/swfobj/swfobject.js"></script> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script> 
<script type="text/javascript" src="wp-content/themes/soundsright/liscroll.js"></script> 

<script type="text/javascript"> 
$(function(){ 
    $("ul#ticker01").liScroll({travelocity: 0.03}); 

}); 

</script>

因爲它是現在，在新聞滾動的作品，但不是燈箱插件。當我刪除

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>

然後燈箱的作品，但不是新聞滾動。

我想刪除此jQuery的refrence就已經解決了這個問題原因的WordPress已經加載的jQuery的同一版本在此行

<script type='text/javascript' src='wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>

任何想法，我做錯了什麼嗎？

來源

2010-02-13 Mike

我認爲這將是因爲function()衝突，我們最近有類似的東西;您需要更精確地將其與jQuery相匹配（基本上，$ reference將由原型或其他javascript中的一個所擁有，以便用jQuery替換它），例如

jQuery(function(){ 

    jQuery("ul#ticker01").liScroll({travelocity: 0.03}); 

});

來源

2010-02-13 15:25:22 metismo

，顯然你指出它不明智地加載jQuery兩次。（我上面的函數的調整假設是一個意味着使用jQuery，而不是從你的其他JavaScript引用例如任何燈箱）。 – metismo 2010-02-13 15:27:17

$被兩個原型和jQuery：

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

來源

2010-02-13 15:26:50 Andrew

由於兩個jQuery和原型使用$符號，在非衝突模式

jQuery.noConflict(); 

    JQuery(function(){ 
     JQuery("ul#ticker01").liScroll({travelocity: 0.03});  
    });

和使用$使用jQuery原型

來源

2010-02-13 17:36:56 Dmitris

回答

相關問題