Trang chủ / Công nghệ / Lập trình / Javascript
loading...
10-05-2010 07:11

Cách dùng chung jQuery với các thư viện javascript khác

 

Khi ứng dụng web của bạn dùng chung thư viện jQuery với các thư viện javascript khác như Prototype, sự xung đột sẽ xảy ra do 2 thư viện này đều dùng hàm $(). Để khắc phục việc này, bạn sử dụng phương thức jQuery.noConflict().

1

Một ví dụ sử dụng chung jQuery và Prototype:

<html>
  <head>
  <script src="prototype.js"></script>
  <script src="jquery.js"></script>
  <script type="text/javascript">
    jQuery.noConflict();
    // jQuery
    jQuery(document).ready(function(){
        jQuery("div").hide();
    });
    // Prototype
    $('someid').hide();
  </script>
  </head>
  <body></body>
</html>
2

Sau khi gọi phương thức noConflict(), bạn có thể dùng jQuery thay cho $. Bạn cũng có thể dùng bất kì tên nào mà bạn muốn:

<script type="text/javascript">
var $j = jQuery.noConflict();
</script>
3

Sau khi khai báo như trên, bạn có thể gọi:

<script type="text/javascript">
$j('div').hide();
</script>
Chia sẻ:
Từ khóa:
jquery prototype conflict

Bài cùng chủ đề

loading...

Bình luận

Danh mục

Xem nhiều

Bài mới