首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

解决jQuery冲突有关问题

2012-11-07 
解决jQuery冲突问题script typetext/javascriptfunction $(id){return document.getElementById(id)

解决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; 

热点排行