Wie funktioniert jQuery keinen Konflikt-Modus zu arbeiten?

Kann jemand erklären, die jQuery keinen Konflikt-Modus, um mich ein für alle mal. Von was ich gelesen habe, wird es Probleme zu lösen, wo jquery-Skripte sind widersprüchlich, aber ich bin mir nicht sicher, wie es zu implementieren, und welche Konflikte es auflösen?

Ich bin mit einer Menge Skripte hier die accumlated im Laufe der Zeit. Nun ist es allerdings ein bisschen ein Durcheinander, und ich Frage mich, wenn jemand könnte mich beraten, wie, um loszuwerden, alle die Konflikte zwischen den scripts.

Derzeit, die 'datepicker' Skript nicht funktionieren. Allerdings, wenn ich den 'datepicker' weiter oben auf der Seite, es funktioniert, aber dann etwas anderes nicht, und ich habe versucht, jede Kombination und nicht alle Skripte arbeiten alle gleichzeitig.

Hier sind alle meine Scripte (die ich entfernt jegliche html-oder css-wie wollen Sie diese so klar wie möglich). Vielleicht einige zusammen gruppiert werden können, damit alles etwas aufgeräumter? Würde jQuery-conflict-Modus, lösen Sie diese Konflikte?

Mein code ist unten:

<script type="text/javascript"   src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="/scripts/libs/modernizr-2.5.3.min.js"></script>

<script src="/imageswapaudio.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
$('.menuitem img').animate({width: 155, 'padding-top' : 100}, 0);
        $('.menuitem').mouseover(function(){
                gridimage = $(this).find('img');
            gridimage.stop().animate({width: 200, 'padding-top': 0}, 500);
            }).mouseout(function(){
                gridimage.stop().animate({width: 155, 'padding-top':  100}, 300);
        });
    }); 
</script>

<script src="colorbox/jquery.colorbox.js"></script>
<script>
        $(document).ready(function(){
                                                            //Examples of how to assign the Colorbox event to elements
                                                             $(".group1").colorbox({rel:'group1'});
                                                             $(".group2").colorbox({rel:'group2', transition:"fade"});
                                                            $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
                                                            $(".group4").colorbox({rel:'group4', slideshow:true});
                                                            $(".ajax").colorbox();
                                                            $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
                                                            $(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409});
                                                            $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
                                                            $(".inline").colorbox({inline:true, width:"auto"});
                                                            $(".callbacks").colorbox({
                                                                             onOpen:function(){ alert('onOpen: colorbox is about to open'); },
                                                                            onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
                                                                            onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
                                                                            onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
                                                                            onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
                                                            });

                                                            $('.non- retina').colorbox({rel:'group5', transition:'none'})
                                                             $('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});

                                                            //Example of preserving a  JavaScript event for inline calls.
                                                            $("#click").click(function(){
                                                                             $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
                                                                            return false;
                                                            });
});
</script>

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32843811-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') +   '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

<script>

$(document).ready(function(){

    //at first hide divs
    $(".slidingDiv").hide();
    $(".slidingDiv2").hide();
    $(".slidingDiv3").hide();
    $(".slidingDiv4").hide();
    $(".slidingDiv5").hide();
    $(".slidingDiv6").hide();
    $(".slidingDiv7").hide();
    $(".slidingDiv8").hide();
    $(".slidingDiv9").hide();
    $(".slidingDiv10").hide();
    $(".show_hide").show();

            $('.show_hide').click(function(){
            $(".slidingDiv").slideToggle();
return false;
            });
$('.first_s').live('click', function(){
   $(".slidingDiv2").slideToggle();
    return false;
})
$('.second_s').live('click', function(){
    $(".slidingDiv3").slideToggle();
    return false;
}) 
            $('.third_s').live('click', function(){
    $(".slidingDiv4").slideToggle();
    return false;
})
            $('.fourth_s').live('click', function(){
    $(".slidingDiv5").slideToggle();
    return false;
})
            $('.fifth_s').live('click', function(){
    $(".slidingDiv6").slideToggle();
    return false;
}) 
            $('.sixth_s').live('click', function(){
    $(".slidingDiv7").slideToggle();
    return false;
}) 
            $('.seventh_s').live('click', function(){
    $(".slidingDiv8").slideToggle();
    return false;
})  
            $('.eighth_s').live('click', function(){
   $(".slidingDiv9").slideToggle();
    return false;
})  
            $('.ninth_s').live('click', function(){
    $(".slidingDiv10").slideToggle();
    return false;
   })
  });

</script>

<script src="http://www.paycoservices.co.uk/js/dpicker.js"></script>
<script src="http://www.paycoservices.co.uk/js/dpicker-ui.js"></script>
<script>
$(function() {
$( "#datepicker, #datepicker2" ).datepicker({
changeMonth: true,
changeYear: true
});
});
</script>

<script src="jsImgSlider/themes/3/js-image-slider.js" type="text/javascript"></script>

Unten sind die Fehler, die ich bekommen hab läuft der Chrome-browser Konsole:

GET http://www.paycoservices.co.uk/ahkerrigan-light-webfont.woff 404 (Not Found) Simply-    Umbrella-Registration.asp:215
Resource interpreted as Font but transferred with MIME type application/octet-stream:    "http://www.paycoservices.co.uk/ahkerrigan-light-webfont.ttf". Simply-Umbrella-  Registration.asp:839
GET http://www.paycoservices.co.uk/pt_sans-web-bold-webfont.woff 404 (Not Found) Simply-  Umbrella-Registration.asp:450
Resource interpreted as Font but transferred with MIME type application/octet-stream:   "http://www.paycoservices.co.uk/pt_sans-web-bold-webfont.ttf". Simply-Umbrella-  Registration.asp:839
GET http://www.paycoservices.co.uk/onlineforms/webform/scripts/wufoo.js 404 (Not Found)   Simply-Umbrella-Registration.asp:839
1.  Uncaught TypeError: Object [object Object] has no method 'datepicker' Simply-Umbrella-   Registration.asp:163
[cycle] terminating; zero elements found by selector
  • Irgendwelche Fehlermeldungen in der Konsole?
  • Blick auf Ihre Website, dpicker.js und dpicker-ui.js haben scheinbar den gleichen Inhalt. Irgendeinem Grund Ihrer be-derselben Bibliothek zweimal?
  • Jeemusu, es gibt keinen Grund, warum ich darunter dpicker.js und dpicker-ui.js nur kopiert der code, wie es war, von der jQuery-Website.
  • auch Jeemusus, ich habe aktualisiert die Frage mit der Konsole Fehler.
  • so in Bezug auf Ihre Antwort obecker, wie Binde ich jQuery.noConflict? Ich bin immer noch lernen...
  • Ich sehe nicht, was könnte das problem verursachen, aber dein code ist ganz über dem Platz, wodurch es schwierig zu Debuggen. Ich hatte einen gehen bei der schnell re-Organisation den code in eine jsbin. Ich würde mich bemühen, Sie zu re-organisieren Sie sich selbst, da es das finden der Probleme viel leichter. Sie finden es vielleicht sogar löst. jsbin.com/udiwib/3/edit
  • Vielen Dank für dieses, es macht sicherlich Dinge erscheinen sauberer und aufgeräumter. Ich denke, es ist ein Fall von bewegen Dinge rund um und sehen, wo das Problem ist. Zum Beispiel, wenn ich mich bewege das datepicker-script über die colorbox, die colorbox dann nicht funktioniert, aber weder über den Datum-picker, so glaube es;s Versuch und Irrtum.

InformationsquelleAutor JFar_13 | 2013-07-30
Schreibe einen Kommentar