Mengatasi Konflik Horizontal Antara jQuery Dan MooTools
jQuery dan MooTools adalah salah dua Framework JavaScript yang ada di dunia ini. 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.
Namun yang harus diperhatikan adalah bahwa jQuery menggunakan tanda $ sebagai shortcut untuk pemanggilan jQuery, sedangkan MooTools pun menggunakan $() sebagai shortcut untuk mempersingkat document.getElementById() di javascript.
Jika kita meload jQuery dan MooTools secara bersamaan di satu halaman, maka bisa dipastikan bakalan terjadi konflik horizontal 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 type="text/javascript" src="jquery.js"> <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(){ // do something }); |
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(){ // do something }); |
Maka masalah konflik horizontal antara jQuery dan MooTools pun bisa diatasi, dan mereka berdua pun bisa berjalan berdampingan dengan bahagia. 
Posted in Programming
24 Jun 2008 at 19:14
kuerennnn
25 Jun 2008 at 09:02
ya ya ya…
seandainya mootools juga mau mengerti dengan jQuery…
alangkah indahnya dunia jika kita hidup berdampingan
25 Jun 2008 at 09:08
ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp
26 Jun 2008 at 11:16
selain dengan mootools, cara ini juga bisa digunakan untuk jQuery dengan prototype.js
karena prototype memiliki shortcut yg sama dengan mootools yaitu $()
14 Jul 2008 at 12:18
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
01 Aug 2008 at 17:01
sama-sama mas
saya malah sebaliknya: slideshow nya MooTools nggak mau jalan karena barengan sama jQuery
tapi sekarang sudah beres
19 Aug 2008 at 11:28
byadha say thanks for you…
03 Oct 2008 at 23:05
wah,,.. makyuooosss….
17 Oct 2008 at 22:02
Thanks ya