Jquery加载无法处理加载的内容

时间:2016-08-12 17:39:09

标签: javascript jquery html

我正在使用此代码将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。

任何帮助将不胜感激。

1 个答案:

答案 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中找不到锚点,因为它还没有完成加载。