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;  
}); 


});

非常感谢任何帮助。我目前处于一个三维绝望的底部。 Dreamweaver让我变得愚蠢！

Answer 1

怀疑它！对于那些在过去3天里遭受这种痛苦的人。这是我的修复：

我在html标题中创建了一个新脚本：

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

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

Answer 2

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

尝试使用JQuery noconflict方法;

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

如果不起作用，则覆盖$函数。说明在这里;

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函数本身传递给{{1}，而不是调用load函数并将其结果传递给showNewContent函数。 }。你可以这样做，因为在JavaScript中，一切都是对象。

同样适用于load。

另外，我认为引号内有太多空格：

hideLoader

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

3 个答案: