Làm thế nào để tránh xung đột giữa JQuery và Prototype

Question

Nếu một trang có cả JQuery và Prototype thì tôi đã có xung đột. Có một tùy chọn để vô hiệu hóa $ sign cho JQuery vì vậy không có xung đột nhưng, tôi phải sử dụng từ khóa JQuery thay vì $.

Tôi tự hỏi nếu có bất kỳ tùy chọn nào cho Prototype để giải quyết xung đột này. Có cách nào để sử dụng cả hai thư viện mà không ảnh hưởng đến lợi ích hoặc từ khóa ngắn của họ?

Theo như tôi biết, bạn không nên sử dụng nhiều thư viện JS cho cùng một trang; nhưng đôi khi có thể hữu ích.

Answer 1

Sử dụng phương thức noConflict cho jQuery và gán cho biến mới (ngắn). Sử dụng biến mới bất cứ nơi nào bạn đã sử dụng $ cho jQuery.

var $j = jQuery.noConflict(); 

$j(function() { 
    $j('#selector').each(....); 
}); 

hoặc, nếu bạn không cần trộn Prototype/jQuery, bạn có thể bọc tất cả mã jQuery của mình bằng chức năng ẩn danh.

(function($) { 
    // $ sign here is a parameter, which is set to jQuery 

    $(function() { 
     $('#selector').each(....); 
    }); 
})(jQuery);