`
axl234
  • 浏览: 268832 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

解决jQuery冲突问题

阅读更多
<script type="text/javascript">
function $(id){return document.getElementById(id);}
</script>
解决方法就是在评论和推荐功能的代码执行之前夺回$的控制权,代码如下:

<script type="text/javascript">
if ($ != jQuery) {
    $ = jQuery.noConflict();
}
</script>


jQuery.noConflict();</p>
<p>jQuery(“#content”).hide(); //使用 jQuery 选择器</p>
<p>$(“content”).style.display = ‘none’; //继续使用其它框架的 $ 选择器


jQuery.noConflict();</p>
<p>jQuery(“#content”).hide(); //使用 jQuery 选择器</p>
<p>$(“content”).style.display = ‘none’; //继续使用其它框架的 $ 选择器


(function($) {</p>
<p>    // 这里面的 $ 属于 jquery</p>
<p>})(jQuery);

var j = jQuery.noConflict();   
j(document).ready(function(){  
 
//代码,如j("#name")  
 



如果不用JQuery,为了不频繁使用 document.getElementById() 这个方法,很多人会写下面的一个方法来解决这个问题:


1 var $ = function (id) { 

2     return "string" == typeof id ? document.getElementById(id) : id; 

3 };

但是你如果突然想使用JQuery,那么这么写会与JQuery冲突的,导致JQuery获取不了对象。所以比较安全的写法是:


1 var $id = function (id) { 

2     return "string" == typeof id ? document.getElementById(id) : id; 

3 };

或者:


1 var $id = function (id) { 

2     //避免与jQuery的$函数冲突   

3     return typeof id == "string" ? document.getElementById(id) : id; 
分享到:
评论

相关推荐

    jquery解决冲突

    jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突

    ecshop解决jquery冲突js

    标题中的"ecshop解决jquery冲突js"就直指这个问题,即如何在ECShop环境中解决JQuery与其他JS库的冲突。 JQuery冲突通常源于$符号的全局使用,这是JQuery的核心选择器和函数调用。为了解决这个问题,JQuery提供了`...

    ecshop的jQuery冲突问题(最简单的解决方法

    ecshop的jQuery冲突问题(最简单的解决方法

    ecshop和jquery冲突的解决方法

    在本篇文章中,我们将深入探讨如何有效解决ecshop与jQuery之间的冲突问题,并提供一系列实用的解决方案,帮助开发者更好地处理这两种技术共存时可能遇到的问题。 ### 一、Ecshop简介 Ecshop是一款开源的电子商务...

    解决jquery与dwr冲突(java/jsp)

    ### 解决jQuery与DWR冲突的方法 在Web开发过程中,经常需要使用...通过上述步骤,可以有效地解决jQuery与DWR之间的冲突问题,确保两个库能够和谐共存并正常工作。这对于维护项目的稳定性和提高用户体验是非常重要的。

    ecshop解决与jQuery冲突文件

    总的来说,解决ECSHOP与jQuery冲突的关键在于理解两个库的运作机制,识别潜在冲突,并采取适当的措施避免这些冲突。通过替换`transport.js`文件和引入`json2.js`,我们可以使ECSHOP在利用jQuery的强大功能的同时,...

    解决ECSHOP和jquery冲突问题所需文件

    解决ECSHOP和jQuery冲突的具体步骤如下: 1. **加载顺序**:确保jQuery库在ECSHOP的任何自定义JavaScript代码之前加载。这样,当ECSHOP的代码执行时,jQuery已经创建了自己的命名空间,减少了冲突的可能性。 2. **...

    解决ecshop中使用jquery冲突问题

    标题"解决ecshop中使用jquery冲突问题"指的是如何在 ECShop 环境下,消除 jQuery 与 Prototype 之间的冲突,以便能够安全地使用 jQuery 的功能,特别是利用 jQuery 的 `$.get()` 和 `$.post()` 方法来替换原本使用 ...

    jquery.form.js解决opera冲突问题

    jquery.form.js解决opera冲突问题 使用jquery.form.js如果jquery使用的是1.9以上的版本会报opera找不到 以解决 备份下

    demo47-jQuery冲突问题

    ### demo47-jQuery冲突问题 #### 背景与概念 在JavaScript开发过程中,特别是在引入了多个库或框架的情况下,经常会遇到命名空间冲突的问题。其中最常见的一种情况就是不同库都使用了相同的变量名 `$` 作为其主要...

    解决其他js和jquery冲突方法

    解决其他js和jquery冲突方法 JS和jQuery是两个非常常用的JavaScript库,但是当它们一起使用时,可能会出现冲突。解决这种冲突的方法是使用noConflict()方法将变量$的控制权让渡给其他库。 在开发过程中,可能还会...

    解决jquery版本冲突办法

    可以有效的解决jquery版本之间的冲突,使代码能正常运行

    json.js 与jquery冲突解决

    `json.js`可能是一个用于处理JSON数据的JavaScript库,而与jQuery冲突的问题通常出现在两个库都尝试使用相同的全局变量或者方法名。 在JavaScript中,JSON主要用于序列化和解析数据对象,使得数据可以在客户端和...

    如何全面解决ECSHOP的jquery冲突

    如何全面解决ECSHOP的jquery冲突

    解决ajaxpro+jquery冲突的例子。可以直接运行

    在项目的过程中,使用到了ajaxpro和jquery,但是,只要我一用到ajaxpro,那么jquery就不能用,后来再研究了:http://hi.baidu.com/czh0221/blog/item/0f2ca44545888921cefca375.html 和...

    UpdatePanel和Jquery冲突的解决方法

    UpdatePanel和Jquery冲突的解决方法,挺实用的,解决了自己的很大问题。

Global site tag (gtag.js) - Google Analytics