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

回答

相关问题