Web Blog Pribadi indra Wijaya Kusuma

Information For Us—Kemarin adalah Pelajaran,Hari ini adalah Anugerah,Esok adalah Tantangan—

Cara mengatasi Penggunaan JQUERY vs MOOTOOL supaya tidak konflik

Posted by ningrate pada September 2, 2011

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

Iklan

2 Tanggapan to “Cara mengatasi Penggunaan JQUERY vs MOOTOOL supaya tidak konflik”

  1. postingnya bagus, sangat bermanfaat bagi semua pengunjung,,makasih

  2. terima kasih ini yang saya cari-cari permasalahan jquery dan mootols, thanks atas infonya ^_^

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
%d blogger menyukai ini: