konflikt jquery jak poprawić

pochodzi z: http://www.fragles.eu/2011/05/05/konflikt-skryptow-jquery/

 

Dzisiaj napotkałem na problem związany z JQuery oraz pewnym skryptem. Mianowicie po dołączeniu własnego, krótkiego kodu w jQuery przestał on działać. Przedstawię krótkie rozwiązanie tego problemu.

Przykładowo kod wyglądać będzie tak:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
   $("div#wrap").find("p").css('color', 'red');
});
</script>

Doda to wszystkim elementom p wartość CSS color: red;. Niestety w przypadku konfliktu takie coś już nie zadziałą. W moim przypadku było to dołączenie skryptu Step Carousel Viewer script. Rozwiązanie jest całkiem prost, wręcz banalne 🙂

Najprościej poniższy skrypt przerobić w następujący sposób:

jQuery.noConflict();
jQuery(document).ready(function() {
   jQuery("div#wrap").find("p").css('color', 'red');
});

Czyli zamieniamy wszystki $ (dolary) na jQuery.

Istnieje też opcja skrócenia tego zapisu. Dla przykładu:

var jq = jQuery.noConflict();
jq(document).ready(function() {
   jq("div#wrap").find("p").css('color', 'red');
});

 

Reklamy

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj / Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj / Zmień )

Zdjęcie na Google+

Komentujesz korzystając z konta Google+. Wyloguj / Zmień )

Connecting to %s