将noConflict应用于jQuery加载内容脚本

时间:2011-03-07 20:32:55

标签: jquery

是否有人能够帮助我对我的加载内容脚本应用无冲突?到目前为止,我已尝试将以下内容添加到标题中:

<script type="text/javascript">var $j = jQuery.noConflict();</script>

我还在以下脚本中用'$ j'替换了'$'的所有实例,但是当我做出这些更改后它就不再运行了。

$(document).ready(function() {  



$('#nav li a').click(function(){  

var toLoad = $(this).attr('href')+' #content';  
$('#content').fadeOut('400',loadContent);  
$('#load').remove();  
$('#wrapper').append('<span id="load">LOADING...</span>');  
$('#load').fadeIn('normal');  
function loadContent() {  
    $('#content').load(toLoad,'',showNewContent()); 
}  
function showNewContent() {  
    $('#content').fadeIn('400',hideLoader());  
}   
function hideLoader() {  
    $('#load').fadeOut('normal');  
}  

fleXenv.initByClass("flexcroll"); 

initLytebox();

return false;  
});     
});

我已经阅读了关于此的所有jquery文档,但我担心它会超出我当前的jquery级别。任何帮助都会非常感激,我现在​​处于真正的低谷。

谢谢Mike

1 个答案:

答案 0 :(得分:1)

使用匿名函数并包装现有的jQuery代码:

<强> Demo

$.noConflict();

(function($){
    // original code here, with $ being a jQuery reference
    // (but only within this code block)
})(jQuery);

// this will fail
$('body').css('background-color','green'); // $ is not a function