读书人

解决jQuery冲突有关问题

发布时间: 2012-11-07 09:56:10 作者: rapoo

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

读书人网 >Web前端

热点推荐