Cara mengatasi Penggunaan JQUERY vs MOOTOOL supaya tidak konflik

Permasalahan ini saya temukan ketika saya mau menambahkan script jquery ke joomla saya, tapi ternyata terjadi konflik ??, salah satu dari script akan mengakibatkan tidak tampil ( not working )

untuk mengatasi hal itu salah satu caranya dengan mencari script untuk supaya tidak terjadi konflik, karena joomla menggunakan Mootools.

Berikut cara supaya jquery bisa ditampilkan bersamaan dengan Mootools:

jQuery mengguanakan tanda $ sbg shortcut untuk pemanggilan jQuery, sedangkan MooTools juga menggunakan $() sbg shortcut untuk mempersingkat document.getElementById(), karena itu kalo mootools n jquery diload secara bersamaan akan konflik. Tapi jQuery sudah menyediakan script agar ga konflik dgn mootools, yaitu dengan menjalankan script jQuery.noConflict() setelah jQuery diload.

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

lalu di dlm script jQuery yg kita buat, tanda $ harus diganti jadi jQuery, misal

Code:
jQuery(document).ready(function() {
jQuery(‘#content’).html(‘Halo Dunia’);
});

kita juga bisa define variable lain untuk ganti kata jQuery tsb, contoh

Code:
var penganti = jQuery.noConflict();
penganti(document).ready(function() {
penganti(‘#content’).html(‘Halo Dunia’);
});

semoga bermanfaat

Sumber: id-joomla.com

————————————————————————————————–

Dapatkan berita gadget dengan hanya me”like” di fanpage klik disini untuk mendapatkannya