当前位置：首页 > news >正文

$ is not function 　　和JQUERY 命名冲突的解说 Jquer问题 (

news 来源：原创 2024/4/20 3:34:59

返回值:jQueryjQuery.noConflict(extreme)

概述

将$和jQuery的控制权都交还给原来的库。用之前请考虑清楚!

这是相对于简单的 noConflict 方法更极端的版本，因为这将完全重新定义jQuery。这通常用于一种极端的情况，比如你想要将jQuery嵌入一个高度冲突的环境。注意:调用此方法后极有可能导致插件失效。

参数

extremeBoolean

传入 true 来允许彻底将jQuery变量还原

示例

描述:

完全将 jQuery 移到一个新的命名空间。

jQuery 代码:

var dom = {};
dom.query = jQuery.noConflict(true);

结果:

// 新 jQuery 的代码
dom.query("div p").hide();
// 另一个库 $() 的代码
$("content").style.display = 'none';
// 另一个版本 jQuery 的代码
jQuery("div > p").hide();

解决jQuery和其它库的冲突

在jQuery库中，几乎所有的插件都被限制在它的命名空间里。通常，全局（global）对象都被很好的存储在jQuery命名空间里，所以当把jQuery和其它JavaScript库（如Prototype，MooTools或 YUI）一起使用时，不会引起冲突。

注意，默认情况下，jQuery用"$"作为它自身的快捷方式。

所以JQuery插件中的$符合也是可以直接使用的。

jQuery库在其它库之前导入

2. jQuery库在其它库之前导入

如果jQuery库在其它库之前就导入了，那么可以直接使用"jQuery"来做一些jQuery的工作。同时，可以使用"$"方法作为其它库的快捷方式。这里没有必要调用jQuery.noConflict()函数。示例如下：

<html>
<head></head>
<body>
<p id="pp">test---prototype<p>
<p >test---jQuery<p>
<script src="http://www.cnblogs.com/scripts/jquery-1.3.1.js"
type="text/javascript"></script>
<script src="prototype-1.6.0.3.js" type="text/javascript"></script>
<script language="javascript">
jQuery(function(){ //直接使用 jQuery ,
没有必要调用"jQuery.noConflict()"函数。
这里的意思就是，使用jQuery 来代替$来避免命名冲突
jQuery("p").click(function(){
alert( jQuery(this).text() );
})
})
$("pp").style.display = 'none'; //使用prototype
</script>
</body>
</html>

有了这些方式来解决冲突，就可以在项目中放心的引用jQuery了。

我也有这样的问题 


    <script src="http://www.cnblogs.com/js/jQuery/jQuery.js" type="text/javascript"></script> 


  <script type="text/javascript">

 $.noConflict(); //将变量$的控制权让渡<BR>    <

/script><

之后一直提示 $ is not function 

解决方法

1. 删除   $.noConflict();因为我只使用了 Jquery和Jquery的一些插件。他们都是用Jquery的全局变量。没必要去避免冲突

2.把所有的$换成JQuery 这样可以保证所有的，包括插件 都是 使用的决定 Jquery全局变量

1.5 解决jQuery和其它库的冲突

注意，默认情况下，jQuery用"$"作为它自身的快捷方式。

1. jQuery库在其它库之后导入

在其它库和jQuery库都被加载完毕后，可以在任何时候调用jQuery.noConflict()函数来将变量$的控制权移交给其它JavaScript库。示例如下：

<html>
<head></head>
<body>
<p id="pp">test---prototype<p>
<p >test---jQuery<p>
<script src="prototype-1.6.0.3.js" type="text/javascript"></script>
<script src="http://www.cnblogs.com/scripts/jquery-1.3.1.js"
type="text/javascript"></script>
<script language="javascript">
jQuery.noConflict();//将变量$的控制权移交给prototype.js
jQuery(function(){//使用jQuery
jQuery("p").click(function(){
alert( jQuery(this).text() );
})
})
$("pp").style.display = 'none'; //使用prototype
</script>
</body>
</html>