Jquery i MooTools – konflikt

Ostatnimi czasy, bawiłem się trochę biblioteką MooTools. W swoich projektach przeważnie wykorzystywałem (chyba można już tak napisać) starą i dobrą bibliotekę jQuery, ale przydał się jeden z wielu elementów MooTools. Dwa skrypty, każdy korzystający z innej biblioteki (jeden z jQuery, drugi z MooTools) i pojawił się drobny konflikt. Trochę pogrzebałem w sieci i jak się okazało, nic wielkiego się nie stało. Jest bardzo proste rozwiązanie tego konfliktu pomiędzy tymi dwoma bibliotekami. Jest to noConflict.

Co należy zrobić?

W seksji <head></head> naszej strony należy dodać taki oto kod:

<script type=”text/javascript”>var $j = jQuery.noConflict();</script>

A następnie każdy znak $ (dolar) w skrypcie korzystającym z biblioteki jQuery zamieniamy na słowo jQuery. Przykład:

$(document).ready( function(){
var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
next:$('#lofslidecontent45 .lof-next') };

Zamieniamy na:

jQuery(document).ready( function(){
var buttons = { previous:jQuery('#lofslidecontent45 .lof-previous') ,
next:jQuery('#lofslidecontent45 .lof-next') };

Marcin Gerwatowski

Marcin Gerwatowski. Tak się nazywam. 32 lata w 2014 roku. Wyrafinowany realista. Niektórzy mówią, że pesymista – kłamią. Lubie krótkie zdania. Od niedawna bloger. Uczący się. Tak więc, za wszelkie nieścisłości przepraszam!

Zostaw komentarz