jQuery noConflict() method

Paano gamitin ang jQuery at iba pang framework sa isang pahina?

jQuery at iba pang JavaScript framework

Tulad ng iyong nalaman, gumagamit ang jQuery ng simbolo ng $ bilang ikosurat na pangalan ng jQuery.

Ano kung ang ibang JavaScript framework ay gumagamit din ng $ simbolo bilang shortcut?

Ilang iba pang JavaScript framework kasama ang MooTools, Backbone, Sammy, Cappuccino, Knockout, JavaScript MVC, Google Web Toolkit, Google Closure, Ember, Batman at Ext JS.

Ang ilan sa mga framework ay gumagamit din ng $ simbolo bilang shortcut (katulad ng jQuery), kung ang dalawang iba't ibang framework na iyong gumagamit ay gumagamit ng parehong shortcut symbol, maaaring humantong sa paghinto ng pagpapatuloy ng script.

Ang pangkat ng jQuery ay pinansin ang isyung ito at nag-implement ng noConflict() method.

jQuery noConflict() method

Ang noConflict() method ay nagpalaya sa kontrol ng $ identifier, upang maaaring gamitin ito ng ibang script.

Mga Halimbawa

Ngayon, maari ka ring gamitin ang buong pangalan upang palitan ang shortcut sa jQuery:

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery 仍在运行！");
  );
);

Subukan ang sarili

Mga Halimbawa

Maaari ka ring gumawa ng sariling shortcut. Maaaring ibalik ng noConflict() ang reference sa jQuery, na puwedeng ilagay sa variable para sa paggamit sa hinaharap. Tingnan ang halimbawa na ito:

var jq = $.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("jQuery 仍在运行！");
  );
);

Subukan ang sarili

Mga Halimbawa

Kung ang iyong jQuery code block ay gumagamit ng $ short-hand at ayaw mong baguhin ang shortcut, maaari mong ipasa ang $ simbolo bilang variable sa ready method. Gayunpaman, puwedeng gamitin ang $ simbolo sa loob ng function - habang sa labas, kailangan pa ring gamitin ang "jQuery":

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery 仍在运行！");
  );
);

Subukan ang sarili

jQuery Central Reference Manual

Para sa kumpletong panladawan ng jQuery core method, bisita ang aming jQuery Central Reference Manual.