Jquery加载的内容，不适用于其他脚本

Question

我是一个初学jquery的用户，所以我真的希望这对于一些有经验的人来说是非常直接的。我最近实现了一个jquery脚本，它从另一个html页面加载div的内容。它运行得很好，我对结果真的很满意。我现在遇到的问题是，我的Lytebox和Flexcroll脚本不能在加载的内容上工作。下面是加载内容脚本。我想我可以加一句

fleXenv.initByClass("flexcroll"); 
initLytebox();

到脚本的末尾。当第一次加载内容时，这不起作用。但是，如果我单击页面中的一个死链接，并且它再次运行此脚本，那么Lytebox和Flexcroll脚本就会生效。我基本上需要知道何时以及如何刷新Lytebox和Flexcroll脚本

$(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');  
}  
return false;  
}); 


});  

任何帮助都将不胜感激。我现在正处于一个3天的绝望深渊的底部。Dreamweaver在愚弄我！

Answer 1

找到了！对于像我在过去3天里一样遭受这种痛苦的任何人。以下是我的解决方案：

我在html头文件中创建了一个新脚本：

$(document).ajaxComplete(function(){     
// fire when any Ajax requests complete }) 

然后告诉所有脚本在这个脚本中初始化。

Answer 2

它们似乎因为使用了相同的选择器而发生冲突。当页面头部的脚本引用顺序不正确时，也会发生这种情况。

尝试使用JQuery无冲突方法；

http://api.jquery.com/jQuery.noConflict/

如果这不起作用，那么重写$ function。说明在这里；

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

我希望这能有所帮助。

Answer 3

您不能只将它们添加到脚本的末尾，因为加载是异步进行的。换句话说，当您的click函数返回时，还没有加载任何东西；这在后台发生，并且回调函数showNewContent在加载完成后被调用。

我猜您也想在该函数中进行初始化：

function showNewContent() {  
    fleXenv.initByClass("flexcroll");
    initLytebox();
    $('#content').fadeIn('400',hideLoader());  
}   

另外，不是这样：

$('#content').load(toLoad,'',showNewContent()); 

写下这个：

$('#content').load(toLoad,'',showNewContent); 

您希望将showNewContent函数本身传递给load，而不是调用showNewContent函数并将其结果传递给load函数。之所以可以这样做，是因为在JavaScript中，一切都是对象。

hideLoader也是如此。

此外，我认为这里的引号中有太多的空格：

var toLoad = $(this).attr('href')+' #content';