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

如下代码:

复制代码 代码如下:

jQuery.noConflict();
jQuery(document).ready(function(){

//Your Code....

});

jQuery.noConflict() 的详细介绍:
概述
运行这个函数将变量$的控制权让渡给第一个实现它的那个库,这有助于确保jQuery不会与其他库的$对象发生冲突,在运行这个函数后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$("div p")的地方,就必须换成jQuery("div p")。
注意:这个函数必须在你导入jQuery文件之后,并且在导入另一个导致冲突的库之前使用。当然也应当在其他冲突的库被使用之前,除非jQuery是最后一个导入的。
描述:
将$引用的对象映射回原始的对象。
jQuery 代码:

复制代码 代码如下:

jQuery.noConflict();
// 使用 jQuery
jQuery("div p").hide();
// 使用其他库的 $()
$("content").style.display = 'none';

描述:
恢复使用别名$,然后创建并执行一个函数,在这个函数的作用域中仍然将$作为jQuery的别名来使用。在这个函数中,原来的$对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效。
jQuery 代码:

复制代码 代码如下:

jQuery.noConflict();
(function($) {
$(function() {
// 使用 $ 作为 jQuery 别名的代码
});
})(jQuery);
// 其他用 $ 作为别名的库的代码

描述:
创建一个新的别名用以在接下来的库中使用jQuery对象。
jQuery 代码:

复制代码 代码如下:

var j = jQuery.noConflict();
// 基于 jQuery 的代码
j("div p").hide();
// 基于其他库的 $() 代码
$("content").style.display = 'none';

时间: 2024-11-02 07:17:11

jQuery 美元符冲突的解决方法_jquery的相关文章

jQuery多个版本和其他js库冲突的解决方法_jquery

jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,这个问题 jquery早早就有给我们预留处理方法了,下面一起来看看解决办法. 1.同一页面jQuery多个版本或冲突解决方法. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery测试页</title> </head>

jQuery与其它库冲突的解决方法_jquery

(注意:默认情况下,jQuery用$作为自身的缩写而以) 如果jQuery类库和别的类库冲突的话,可以使用jQuerynoConflict()函数来将变量$的控制权移交出给其它的javaScipt库.看下面小片断代码 <script type="text/javascript" src="../JS/JsCOM.js"></script> <script type="text/javascript" src=&quo

jquery 与NVelocity 产生冲突的解决方法_jquery

NVelocity的$与Jquery的$发生冲突时的解决方法有以下几个: 1. 使用jQuery.noConflict. 如:var j = jQuery.noConflict(); j.ajax(); 缺点:当使用jQuery的相关插件时,会使得插件失效哦! 2. 使用jQuery代替$. 如:jQuery.ajax(); 缺点:不适合扩展,一旦替换成第三方库时,那就麻烦大发 3. wrap jQuery中的冲突方法. 如$.ajax()在Velocity中会冲突,则重新定义如下: funct

UpdatePanel和Jquery冲突的解决方法_jquery

在第一次页面加载时,元素A的X效果正常,点击B之后,页面局部刷新,此时,回到A,元素A失去X效果. 开始以为是前端我这到程序员那里出现问题,但仔细检查之后发现没有,后来了解了下页面应用了ASP.NET AJAX局部刷新,这就明朗了,估计是和JQUERY冲突了. 问题重现: 1.ASP.NET AJAX在页面中添加ScriptManager和UpdatePanel 2.在UpdatePanel中添加元素A 3.用jQuery对元素A添加X效果 4.在UpdatePanel中加一个Button B用

html文件中jquery与velocity变量中的$冲突的解决方法_jquery

问题描述: 在使用velocity模版引擎的环境下,使用jquery时,如:$.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/sfzc1%40realintelligence.com/public/basic') 其中$与velocity变量中的$冲突. 解决方案: 定义一个velocity变量:#set($jquery="$.") 然后:${jquery}fullCalendar.gcalFeed('http:

JQuery中的ready函数冲突的解决方法_jquery

一个aspx页面通常可以包含其它ascx控件,如果在多人协同开发的情况下:程序员小张在控件A.ascx中使用了 $().ready(function{}),而程序员小王又在控件B.ascx中也使用了ready函数,程序员小李在做页面时,把A.ascx,B.ascx都拖到自己的页面中,然后在页面中也需要用到$().ready函数,这下好了: 虽然jQuery本身的设计还算不错,document加载完成后会依次触发各个ready中定义的function(这一点很好,不象javascript中默认后面

StringTemplate遇见jQuery冲突的解决方法_jquery

字段对于用户的输入则为字段,字段涉及到用户的输入,必定是控件.由于有以前项目word模板转化为在线展示输入经验(这里不仅仅是将word转化为html,还需要提取word书签作为关键字段,关键字段作为用户的输入,根据用户配置转化为文本框,下拉框,数字,货币框,时间等等可扩展控件).我在本次的模板设计中不再考虑服务器控件,因为服务器控件将生成一大堆难以控制的html标记.所以彻底疯狂了一把,采用完全html+jQuery实现(验证用的也是jQuery validator).关于流程的设计将会在后续慢

在UpdatePanel内jquery easyui效果失效的解决方法_jquery

使用easyui 的好处除了界面还不错之外,也因为使用方便. 复制代码 代码如下: <div class="easyui-tabs" style="width: 300px"> <div title="搜索"> ...</div> <div title="选择">...</div> <div title="返回">...</div

eclipse导入jquery包后报错的解决方法_jquery

eclipse导入jquery包后报错,处理步骤如下: 1.打开项目.project文件,去掉如下内容: 复制代码 代码如下: <buildCommand> <name>org.eclipse.wst.jsdt.core.javascriptValidator</name> <arguments> </arguments> </buildCommand> 2.删除原来的js,重启重新复制一份,因为原来的文件已被eclipse项目标记为