Mengatasi Konflik Antara jQuery Dan MooTools

jQuery logoMooTools logo

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. :x:x

Comments RSS | Trackback URI

28 Responses to “Mengatasi Konflik Antara jQuery Dan MooTools”

  1. Ogi says:

    kuerennnn

  2. weka says:

    ya ya ya…
    seandainya mootools juga mau mengerti dengan jQuery…
    alangkah indahnya dunia jika kita hidup berdampingan :D

  3. dOne says:

    ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp ssiiieeeppp

  4. gawibowo says:

    selain dengan mootools, cara ini juga bisa digunakan untuk jQuery dengan prototype.js
    karena prototype memiliki shortcut yg sama dengan mootools yaitu $()

  5. fanari says:

    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 :)

  6. gawibowo says:

    sama-sama mas :)
    saya malah sebaliknya: slideshow nya MooTools nggak mau jalan karena barengan sama jQuery
    tapi sekarang sudah beres ;)

  7. byadha says:

    byadha say thanks for you…

  8. yudz says:

    wah,,.. makyuooosss….

  9. sankuy says:

    Thanks ya

  10. Indonesian says:

    “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. :D

  11. Barock says:

    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

  12. bayou says:

    jadi jQuery() tuh lebih panjang ketimbang asdfasfasfasfasdaf() ?? Wah…

    Siip!!!

  13. mbang says:

    akhirnya ketemu juga…mkasih banget lho

  14. Zawa says:

    Mantab juragan… its nice…

  15. slam says:

    Wah membantu aku nih, karena menambah pengetahuanku

  16. Bayu says:

    Terima kasih banyak…, solusi Anda membantu saya yang lagi bingung menghadapi masalah konfilk motools & jquery

    Terima kasih ya :)

    • DR4CUL4 says:

      thanks so much..!!!
      mudah-mudahan amal informasinya mendapat balasan yang setimpal saking gusti Allah.

      majulah bangsa indonesia..

      MERDEKAAA….

  17. aagun2006 says:

    walah baru tahu juga nih, ;))

    makasih mas …

  18. apuy says:

    blm pernah ngalamin sih, tp so thanks buat infonya.

  19. Didid says:

    ada tutorial bhs indonesia ga ya, mohon bantuan..

  20. sanggramawijaya says:

    maturnuwun sanget njih mas..

    :)

  21. eNeS says:

    Makasih infonya mas… Saya dah pake mootools, tp pingin jg pake Jquery. Mudah-mudahan keduanya bisa seiring sejalan dengan penuh kemesraan, hehe…

  22. uqi says:

    APPPAAAA….
    Ternyata eh ternyata bisa seperti itu!!!
    eh maap salam kenal, saya uqi, baru belajar jquery.
    Makasih banget infonya,

  23. dayat says:

    nice.. thanks

  24. gigi says:

    hip hip,,,…. Suwun ngilmu nipun…..

    siiiiiiiiiiiiippppp dah…………. :)

  25. webnya banyak artikel bagus, thanks

  26. Ahmad Ali says:

    mmhhh oohhh gitu yah pantesan dari dulu kagak jalan jalan !! makasih sebelumnya !! hehe

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="">

Security Code: