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 ký hiệu $
làm lối 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 lối 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 thì một trong số chúng có thể ngừng hoạt động.
Nhóm jQuery đã nghĩ đến điều này và triển khai phương thức noConflict()
.
Phương thức noConflict() của jQuery
Phương thức noConflict()
giải phóng việc giữ mã định danh 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, chỉ bằng cách viết tên đầy đủ thay vì phím tắt:
Ví dụ
$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery is still working!");
});
});
Hãy tự mình thử » Bạn cũng có thể tạo lối tắt của riêng mình rất dễ dàng. Phương thức noConflict()
trả về một tham chiếu đến jQuery mà bạn có thể lưu vào một biến để sử dụng sau. Đây là một ví dụ:
Ví dụ
var jq = $.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").text("jQuery is still working!");
});
});
Hãy tự mình thử » 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 dấu $
đăng nhập làm 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":
Ví dụ
$.noConflict();
jQuery(document).ready(function($){
$("button").click(function(){
$("p").text("jQuery is still working!");
});
});
Hãy tự mình thử »Tài liệu tham khảo linh tinh của 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.