解决JQUERY和MOOTOOLS共存的办法

首页 > joomla日志 > 解决JQUERY和MOOTOOLS共存的办法

解决JQUERY和MOOTOOLS共存的办法

2009年12月22日 nhuang 发表评论阅读评论

一：<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>