Cah Sleman Blog's

JQuery  dan Mootools merupakan salah satu Framework javascript yang paling populer didunia per-website-an. Keduanya merupakan framework yang paling banyak digunakan, walaupun masih ada beberapa framework javascript yang tak kalah bagusnya. Website tanpa framework javascript serasa monoton, gak interaktif n gak keren. Namun sebenarnya penggunakan framework javascript dalam sebuah aplikasi website itu adalah “opsional” alias tidak wajib, tergantung kesenengan dan kebutuhan. Akan tetapi dengan adanya framework javascript akan mempermudah developer web dalam mengembangkan aplikasinya.Gak usah banyak basa-basi sekarang yang pengen ane bahas disini adalah. Apakah bisa jQuery dan Mootools digunakan bersama-sama dalam sebuah aplikasi?

Jawabanya adalah “BISA’?. Akan tetapi jika meload kedua Framework tersebut seara bersamaan, maka dipastikan akan terjadi konflik. Yang harus diperhatikan dalam hal ini adalah jQuery menggunakan tanda $ untuk shortcut pemanggilan jQuery sedangkan Mootols menggunakan $() untuk mempersingkat pemanggilan document.getElementById(). Tapi gak usah khawatir, jquery udah mempersiapkan baris function yang bisa digunakan untuk mengatasi konflik tersebut. Caranya dengan menambahkan function jQuery.noConflict() di baris setelah pemanggilan library jQuery.

<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>

Nah dalam penggunaanya kita menggunakan kata jQuery sebagai pengganti tanda $. Contohnya :

jQuery(document).ready(function() {
jQuery('#id').html('Hello World');
});

Nah kalo penggunaan kata jQuery terlalu panjang, bisa gunakan alternatif dengan memasukan jQuery.noConflict() ke dalam sebuah variabel.

var iniShortcutUntukJquery = jQuery.noConflict();
//gunakan variabel tersebut sebagai pengganti jQuery
iniShortcutUntukJquery(document).ready(function() {
iniShortcutUntukJquery('#id').html('Hello World');
});

Nah dengan begitu masalah konflik antara jQuery dan Mootols pun bisa diatasi. Dan keduanya bisa dipake secara bersama-sama buat mengembangkan sebuah aplikasi.

Happy Coding
CMIW!!
source: http://gawibowo.com/