使用jquery.js和scriptaculous.js文件吗?

10

有没有方法同时使用jquery和scriptaculous js文件?

我正在尝试实现cakephp框架的自动完成功能,需要使用js文件prototype.js,scriptaculous.js,effects.js和controls.js。

我还在我的应用程序中使用JQuery函数,这需要jquery.js文件。

如果我包含jquery.js文件,自动完成功能将无法正常工作。但是我也需要jquery.js文件来实现我的jquery函数。

那么有没有办法同时使用这两个js文件呢?


3
你看到这个链接了吗?:http://docs.jquery.com/Using_jQuery_with_Other_Libraries请注意,该链接需要翻墙才能访问。 - Zed
2个回答

22

您需要在 jQuery 中启用不冲突模式,参见:

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

从上面的链接中:

<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').hide();
   </script>
 </head>
 <body></body>
</html>

然而,您仍需要加载Prototype才能使Scriptaculous正常工作。作为建议,如果您仅使用那些库来创建自动完成小部件,您可以尝试使用jQuery的自动完成插件


1
最简单的同时使用jQuery和Scriptaculous的方法是这样做:
var $j = jQuery.noConflict();

在编程中,使用jQuery时,请使用$j代替$

例如:$j('#id')


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接