jquery与mootools冲突

方式一:
<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>

时间: 2024-09-25 23:48:50

jquery与mootools冲突的相关文章

jQuery和MooTools的真正区别

引言 自己一直在用MooTools框架, 偶然看见这篇文章,作者是MooTools Team的成员之一,讲解了jQuery和MooTools的一点点区别,主要是我觉得他写JavaScript代码和他的思维方式很值得学习.另外,对 JavaScript的编程思想和对框架的选择都有很多很好的建议,对于犹豫在各种框架上的人有很好的指导作用,另外对于想深入对框架进行研究或者想自己 开发框架的人也有很好的建议.文章虽然很长,但是我觉得不错,然后就翻译了.水平有限,文笔粗陋,其中有少数地方自己都觉得翻译得有

jquery直接的冲突怎么解决

问题描述 jquery直接的冲突怎么解决 用discuz自己做了个模板,做完后发现有冲突,在应用中心安装了带jquery的插件就会和模板有冲突,要怎样才能解决此问题,默认的有个style=""display: none;""这样的,有插件的地方就变style=""overflow: hidden;""了 解决方案 提出插件中的jquery 解决方案二: jquery一般是和你自己写的js代码的$争用有冲突,如果你的脚本定义过$

解决Jquery与Shopex调用的mootools冲突问题

在%thems%/block/header.html 里面的"</head>"标签前加入以下代码 <script language="javascript" src="js/jquery.js"></script><script language="javascript"> jQuery.noConflict(); </script>这步是关键,在</head&

流行的AJAX框架比较:jQuery,Mootools,Dojo,Ext JS

AJAX是web20的基石,现在网上流行几种开源的AJAX框架,比如:jQuery,Mootools,Dojo,Ext JS等等,那么我们到底在什么情况下该使用那个框架?以下是一组摘抄的数据: Ajaxian在2007年底对Ajax工具进行了调查,部分调查结果见下表(其中数字为调查者使用该工具的百分比,详细的请参见网页):http://ajaxian.com/archives/2007-ajax-tools-usage-survey-results Prototype jQuery Ext Sc

JQuery的$命名冲突详细解析

 在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg')的写法.然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在使用$符号时就发生了冲突 在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg')的写法.然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在使用$符号时

jQuery.noConflict() 解决冲突 原理深入

jQuery.noConflict()函数用于让出jQuery库对变量$(和变量jQuery)的控制权. 一般情况下,在jQuery库中,变量$是变量jQuery的别名,它们之间是等价的,例如jQuery("p")和$("p")是等价的.由于变量$只有一个字符,并且特点鲜明,因此我们更加习惯使用$来操作jQuery库. 不过,其他JS库也可能使用变量$来进行操作,例如Prototype库.这个时候两个库可能会由于变量$的控制权问题而发生冲突. 此时,你可以使用该函数

jQuery 美元符冲突的解决方法_jquery

如下代码: 复制代码 代码如下: jQuery.noConflict(); jQuery(document).ready(function(){ //Your Code.... }); jQuery.noConflict() 的详细介绍: 概述 运行这个函数将变量$的控制权让渡给第一个实现它的那个库,这有助于确保jQuery不会与其他库的$对象发生冲突,在运行这个函数后,就只能使用jQuery变量访问jQuery对象.例如,在要用到$("div p")的地方,就必须换成jQuery(&

JQuery的$命名冲突详细解析_jquery

在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg')的写法.然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在使用$符号时就发生了冲突.下面以引入两个库文件jquery.js和prototype.js为例来进行说明. 第一种情况:jquery.js在prototype.js之后进行引入,如:<script src="prototype.js" type=&quo

关于两个jQuery(js)特效冲突的bug的解决办法_jquery

Problem: 使用jquery,json做一个资源下载的应用,其中用到paginate.js和JSON数据的分页效果,以及jquery.DOMWindow.js的弹窗效果. 但是出现以下bug: 单击"上/下一页,首/末页"后,弹窗事件失效: Analysis: 对于这个Bug,在paginate.js中设计的上/下一页,首/末页按钮属性是设置了href="javascript:(void)",google到关于这个属性的解释: "javascript