jQuery 与 prototype 共存

hred

浏览: 45454 次
性别:
来自: 广州

最近访客更多访客>>

lrzvg

liujun422134235

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Ajax

jQuery prototype JSI J#脚本

方式一：

 
<html>
 <head>
   <script src="prototype.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="prototype.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="prototype.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>

分享到：

文件列表输出到文件 | PHP 运行SQL脚本代码

2007-04-09 18:15
浏览 4824
评论(2)
论坛回复 / 浏览 (2 / 9777)
查看更多

2 楼 jindw 2007-04-10

JSI的解决方法： 
 
1。不同脚本中使用。分别申明依赖即是，不会冲突： 
 
 
2。页面上直接使用 
 
 
<div class='code_title'>js 代码</div>
<div class='dp-highlighter'>
<div class='bar'> </div>
<ol class='dp-c' start='1'>
 <li class='alt'><html> </li>
 <li class=''><head> </li>
 <li class='alt'><script src="boot.js"></script> </li>
 <li class=''><script> </li>
 <li class='alt'>var $j = $import("org.jquery.$"); </li>
 <li class=''>var $p= $import("net.nioc.prototype.$"); </li>
 <li class='alt'> </li>
 <li class=''>//Use jQuery via $j(...) </li>
 <li class='alt'>$j(document).ready(function(){ </li>
 <li class=''> $j("div").hide(); </li>
 <li class='alt'> }); </li>
 <li class=''> </li>
 <li class='alt'>// Use Prototype with $p(...), etc. </li>
 <li class=''>$p('someid').style.display = 'none'; </li>
 <li class='alt'> </li>
 <li class=''></script> </li>
 <li class='alt'></head> </li>
 <li class=''><body></body> </li>
 <li class='alt'></html> </li>
</ol>
</div>

1 楼 catoc 2007-04-09

我使用的是 $j ，下一步计划逐步的将 prototype 的代码逐渐移除，
没有 namespace 总感觉不太好。

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论