jQuery çatışma

3 Cevap php

Ben bir wordpress eklentisi lightbox2 ve benim sayfasında bir haber kaydıraç var.

Benim kafa bölümü bu gibi görünüyor

<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>

As it is now, the news scroller works but not the lightbox plugin. When I remove

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

sonra lightbox haber kaydıraç çalışıyor ama değil.

Ben bu jQuery refrence sorun neden wordpress zaten bu hat jQuery aynı sürümünü yükler çözülmüş olurdu çıkarmadan düşündüm

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

Any ideas what I'm doing wrong here?

3 Cevap

Ben bu çünkü function() çatışan, son zamanlarda benzer bir şey vardı olacağını düşünüyorum; (Eğer jQuery ile değiştirin böylece temelde $ referans prototipi veya diğer JavaScripts birinin sahibi olacak) daha doğrusu, örneğin jQuery eşleşmesi gerekir

jQuery(function(){

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

});

$ Prototip ve jQuery hem tarafından kullanılır:

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

JQuery ve Prototip kullanımı $ işareti, hem de sivil çatışma modunda jQuery kullanmak yana

   jQuery.noConflict();

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

ve Prototip $ için kullanın