jQuery dan MooTools adalah salah dua Framework JavaScript yang banyak digunakan. Masing-masing memiliki kelebihannya sendiri-sendiri (Untuk detail feature masing-masing framework silakan cek sendiri di website mereka). Lalu bisakah kita menggunakan keduanya secara bersamaan? Tentu saja bisa.
Yang harus diperhatikan adalah bahwa jQuery menggunakan tanda $ sebagai shortcut untuk pemanggilan jQuery, sedangkan MooTools pun menggunakan $() sebagai shortcut untuk mempersingkat document.getElementById().
Jika kita meload jQuery dan MooTools secara bersamaan di satu halaman, maka bisa dipastikan bakalan terjadi konflik di antara keduanya.
Namun untungnya, kunci untuk mengatasi masalah tersebut sudah disediakan oleh jQuery, yaitu dengan menjalankan script jQuery.noConflict() setelah jQuery diload.
1 2 3 4 5 6 | <script type="text/javascript" src="mootools.js"></script> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> jQuery.noConflict(); </script> |
Kemudian di dalam script jQuery yang kita buat juga harus menggunakan jQuery sebagai pengganti $
1 2 3 | jQuery(document).ready(function() { jQuery('#content').html('Hello'); }); |
Jika pemanggilan menggunakan jQuery terasa terlalu panjang atau kurang keren, kita juga bisa membuat variabel sendiri sebagai penggantinya, misalnya sbb:
1 2 3 4 5 6 | var asdfasfasfasfasdaf = jQuery.noConflict(); //lalu gunakan nama variabel tersebut sebagai pengganti jQuery asdfasfasfasfasdaf(document).ready(function() { asdfasfasfasfasdaf('#content').html('Hello'); }); |
Maka masalah konflik horizontal antara jQuery dan MooTools pun bisa diatasi, dan mereka berdua pun bisa berjalan berdampingan dengan bahagia. 
kuerennnn
ya ya ya…
seandainya mootools juga mau mengerti dengan jQuery…
alangkah indahnya dunia jika kita hidup berdampingan
ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp
selain dengan mootools, cara ini juga bisa digunakan untuk jQuery dengan prototype.js
karena prototype memiliki shortcut yg sama dengan mootools yaitu $()
oo gitu ya mas, pantesan slideshow jQuery saya nggak bisa jalan klo dipasang bareng tooltip Mootools
btw saya penggemar jQuery lo mas
makasi banyak mas
sama-sama mas
saya malah sebaliknya: slideshow nya MooTools nggak mau jalan karena barengan sama jQuery
tapi sekarang sudah beres
byadha say thanks for you…
wah,,.. makyuooosss….
Thanks ya
“jQuery dan MooTools adalah salah dua Framework JavaScript yang ada di dunia ini.”
Ntu “salah dua” tuh..? berarti Framework JavaScript yang benar ada 8 dong di dunia ini.
Thanks Bgt mas,, Akhirnya aku bisa mendamaikan mereka, Check y di website qu, aku pake hotspot effet dari mootools dan content slider dari jQuery di satu halaman, Mubarock.com
sdsdsd
jadi jQuery() tuh lebih panjang ketimbang asdfasfasfasfasdaf() ?? Wah…
Siip!!!
akhirnya ketemu juga…mkasih banget lho
Mantab juragan… its nice…
Wah membantu aku nih, karena menambah pengetahuanku
Terima kasih banyak…, solusi Anda membantu saya yang lagi bingung menghadapi masalah konfilk motools & jquery
Terima kasih ya
thanks so much..!!!
mudah-mudahan amal informasinya mendapat balasan yang setimpal saking gusti Allah.
majulah bangsa indonesia..
MERDEKAAA….
walah baru tahu juga nih,
makasih mas …
blm pernah ngalamin sih, tp so thanks buat infonya.
ada tutorial bhs indonesia ga ya, mohon bantuan..
maturnuwun sanget njih mas..
Makasih infonya mas… Saya dah pake mootools, tp pingin jg pake Jquery. Mudah-mudahan keduanya bisa seiring sejalan dengan penuh kemesraan, hehe…
APPPAAAA….
Ternyata eh ternyata bisa seperti itu!!!
eh maap salam kenal, saya uqi, baru belajar jquery.
Makasih banget infonya,
nice.. thanks
hip hip,,,…. Suwun ngilmu nipun…..
siiiiiiiiiiiiippppp dah………….
webnya banyak artikel bagus, thanks
mmhhh oohhh gitu yah pantesan dari dulu kagak jalan jalan !! makasih sebelumnya !! hehe