在此页面上停止 jQuery 和 Prototype 之间的冲突,可以采取以下几种方法:
- 使用 jQuery 的
noConflict()
方法:- 将 jQuery 的
$
符号还原为原来的值,以便与 Prototype 共存。 - 在引入 jQuery 的代码之前,添加以下代码:<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
</script>
- 在使用 jQuery 的代码中,使用
jQuery
替代 $
符号,例如:jQuery(document).ready(function() {
// jQuery 代码
});
- 使用 IIFE(Immediately Invoked Function Expression):
- 将 jQuery 代码包装在一个立即执行的函数表达式中,将
$
符号作为参数传入函数中。 - 在引入 jQuery 的代码之前,添加以下代码:<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
(function($) {
// jQuery 代码
})(jQuery);
</script>
- 在使用 jQuery 的代码中,使用
$
符号,例如:$(document).ready(function() {
// jQuery 代码
});
- 使用 jQuery 的
jQuery.noConflict()
方法和 Prototype 的 document.observe()
方法:- 在引入 jQuery 的代码之前,添加以下代码:<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
document.observe("dom:loaded", function() {
// jQuery 代码
});
</script>
- 在使用 jQuery 的代码中,使用
$
符号,例如:$(document).ready(function() {
// jQuery 代码
});
以上是解决 jQuery 和 Prototype 冲突的几种常见方法,根据具体情况选择适合的方法即可。