2016-08-12 57 views
0

我正在使用此代码将html页面填充到div。Jquery加载不能在加载内容上工作

$(document).ready(function(){      
     // Load Home Content 
     $('#content').load('pages/sample.html'); 

     //Load Content Using Menu Links 
     $('.main-menu a').click(function(){ 
     var page = $(this).attr('href'); 
     $('.content').load('pages/' + page + '.html'); 
     return false; 
     }); 
}); 

而且我有加载的html上的锚点标记。类似于我的主页。一个代码示例:

<div class="main"> 
<a href="sample">Go To Next Page</a> 
</div> 

现在我有上加载的div多个锚定像上面和我想使用在其上相同的负载过程来更改码内容的div。

任何帮助,将不胜感激。

回答

0

您需要在第一个加载序列完成后调用第二个加载序列。你可以通过调用它像这样第一次加载的回调函数做到这一点 -

$('#content').load('pages/sample.html', function(){ 
    //load your second set of html here with another load. 
    $('#previouslyloadeddiv').load('pages/anotherpage.html'); 
}); 

这是不对的,现在工作的原因是因为jQuery不能在加载HTML,因为它找到锚尚未完成加载。

+0

我有第一次加载和第二次加载相同的div。内容需要在同一个div内重新加载。 – CreativeDip

+0

您可以执行'$('#content')。empty()'以在第二次加载之前删除先前的内容。我想我在这里误解你。为什么你需要从第一次加载的内容呢? – charsi

+0

这段代码适用于两个负载,我有50多个负载。在负载内加载然后在加载内加载。如果可能,请让我知道。谢谢 – CreativeDip

相关问题