解决jquery和mootools冲突的方法

最新推荐文章于 2024-07-24 16:53:23 发布

babylon_0049

最新推荐文章于 2024-07-24 16:53:23 发布

阅读量2.8k

点赞数

分类专栏： jQuery 文章标签： jquery mootools prototype function html div

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

var $j = jQuery.noConflict();

以后凡是jquery用$函数的地方通通替换为$j, 例如：

$(function() {
….
});

替换成：

$j(function() {
….
});

方法一：

<html>  

  <head>  

    <script src="Mootools.js"></script>  

    <script src="jquery.js"></script>  

    <script>  

      jQuery.noConflict();  

 

      // Use jQuery via jQuery(...)  

      jQuery(document).ready(function(){  

        jQuery("div").hide();  

      });  

 

      // Use Prototype with $(...), etc.  

      $('someid').style.display = 'none';  

    </script>  

  </head>  

  <body></body>  

  </html>

方法二：

   <html>  

  <head>  

     <script src="Mootools.js"></script>  

     <script src="jquery.js"></script>  

    <script>  

      var $j = jQuery.noConflict();  

 

      // Use jQuery via $j(...)  

        $j(document).ready(function(){  

        $j("div").hide();  

        });  

 

      // Use Prototype with $(...), etc.  

       $('someid').style.display = 'none';  

    </script>  

  </head>  

  <body></body>  

  </html>

方法三：

  <html>  

   <head>  

     <script src="Mootools.js"></script>  

     <script src="jquery.js"></script>  

     <script>  

       jQuery.noConflict();  

 

       // Put all your code in your document ready area  

       jQuery(document).ready(function($){  

         // Do jQuery stuff using $  

         $("div").hide();  

      });  

 

       // Use Prototype with $(...), etc.  

      $('someid').style.display = 'none';  

     </script>  

   </head>  

   <body></body>  

   </html>

babylon_0049

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
解决jquery和mootools冲突的方法

 var $j = jQuery.noConflict(); 以后凡是jquery用$函数的地方通通替换为$j, 例如： $(function() { …. }); 替换成： $j(function() { …. }); 方法一： <html> <head> <script src="Mootools.js"
复制链接

扫一扫

专栏目录