javascript - Jquery 加载不适用于加载的内容

Question

我正在使用此代码将 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 上有 anchor 标记。和我的主页类似。代码示例:

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

现在我在加载的 div 上有多个 anchor ，如上面所示，我想在其上使用相同的加载过程来更改代码内容 div。

如有任何帮助，我们将不胜感激。

Answer 1

您需要在第一个加载序列完成后调用第二个加载序列。您可以通过在第一次加载的回调函数中调用它来完成此操作，如下所示 --

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

它现在不起作用的原因是 Jquery 无法在加载的 HTML 中找到 anchor ，因为它尚未完成加载。