tutorial pengembangan web terbaru
 

jQuery - noConflict() Method


Bagaimana jika Anda ingin menggunakan kerangka kerja lainnya pada halaman Anda, sementara masih menggunakan jQuery?


jQuery dan Kerangka JavaScript Lainnya

Seperti yang Anda sudah tahu; jQuery menggunakan $ tanda sebagai jalan pintas untuk jQuery.

Ada banyak kerangka populer lainnya JavaScript seperti: Angular, Backbone, Ember, Knockout , dan banyak lagi.

Bagaimana jika kerangka lainnya JavaScript juga menggunakan tanda $ sebagai jalan pintas?

Jika dua kerangka yang berbeda menggunakan shortcut yang sama, salah satu dari mereka mungkin berhenti bekerja.

Tim jQuery sudah memikirkan hal ini, dan menerapkan noConflict() metode.


JQuery noConflict() Metode

The noConflict() metode melepaskan pegangan pada $ shortcut identifier, sehingga skrip lain dapat menggunakannya.

Anda tentu saja dapat masih menggunakan jQuery, hanya dengan menulis nama lengkap bukan jalan pintas:

Contoh

$.noConflict();
jQuery(document).ready(function(){
    jQuery("button").click(function(){
        jQuery("p").text("jQuery is still working!");
    });
});
Cobalah sendiri "

Anda juga dapat membuat shortcut sendiri sangat mudah. The noConflict() metode mengembalikan referensi ke jQuery, bahwa Anda dapat menyimpan dalam variabel, untuk kemudian digunakan. Berikut adalah contoh:

Contoh

var jq = $.noConflict();
jq(document).ready(function(){
    jq("button").click(function(){
        jq("p").text("jQuery is still working!");
    });
});
Cobalah sendiri "

Jika Anda memiliki blok kode jQuery yang menggunakan $ shortcut dan Anda tidak ingin mengubah itu semua, Anda dapat melewati $ masuk sebagai parameter untuk metode siap. Hal ini memungkinkan Anda untuk mengakses jQuery menggunakan $ , dalam fungsi ini - luar itu, Anda harus menggunakan "jQuery":

Contoh

$.noConflict();
jQuery(document).ready(function($){
    $("button").click(function(){
        $("p").text("jQuery is still working!");
    });
});
Cobalah sendiri "

jQuery Misc Referensi

Untuk gambaran lengkap dari semua metode jQuery Lain-lain, silakan kunjungi kami jQuery Lain-lain Referensi .