我正在使用此代码将html页面填充到div。
$(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 :(得分:0)
您需要在第一个加载序列完成后调用第二个加载序列。您可以通过在第一个加载的回调函数中调用它来执行此操作 -
$('#content').load('pages/sample.html', function(){
//load your second set of html here with another load.
$('#previouslyloadeddiv').load('pages/anotherpage.html');
});
它现在无法正常工作的原因是因为Jquery在加载的HTML中找不到锚点,因为它还没有完成加载。