jQuery - Phương thức noConflict ()


Điều gì sẽ xảy ra nếu bạn muốn sử dụng các khung công tác khác trên các trang của mình trong khi vẫn sử dụng jQuery?


jQuery và các khung JavaScript khác

Như bạn đã biết; jQuery sử dụng $dấu hiệu làm phím tắt cho jQuery.

Có nhiều khung JavaScript phổ biến khác như: Angular, Backbone, Ember, Knockout, v.v.

Điều gì sẽ xảy ra nếu các khung JavaScript khác cũng sử dụng ký hiệu $ làm phím tắt?

Nếu hai khung công tác khác nhau đang sử dụng cùng một phím tắt, một trong số chúng có thể ngừng hoạt động.

Nhóm jQuery đã nghĩ về điều này và triển khai noConflict()phương pháp này.


Phương thức jQuery noConflict ()

Phương noConflict()thức giải phóng sự giữ lại mã nhận dạng phím tắt $ để các tập lệnh khác có thể sử dụng nó.

Tất nhiên, bạn vẫn có thể sử dụng jQuery, đơn giản bằng cách viết tên đầy đủ thay vì phím tắt:

Thí dụ

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

Bạn cũng có thể tạo phím tắt của riêng mình rất dễ dàng. Phương noConflict()thức này trả về một tham chiếu đến jQuery mà bạn có thể lưu trong một biến để sử dụng sau này. Đây là một ví dụ:

Thí dụ

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

Nếu bạn có một khối mã jQuery sử dụng $phím tắt và bạn không muốn thay đổi tất cả, bạn có thể chuyển $đăng nhập dưới dạng tham số cho phương thức sẵn sàng. Điều này cho phép bạn truy cập jQuery bằng cách sử dụng $, bên trong hàm này - bên ngoài nó, bạn sẽ phải sử dụng "jQuery":

Thí dụ

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

Tham chiếu Khác jQuery

Để có cái nhìn tổng quan đầy đủ về tất cả các phương thức jQuery Misc, vui lòng truy cập Tài liệu tham khảo jQuery Misc của chúng tôi .