Question

我使用jquery加载函数将内容从外部html加载到div中后，我想从另一个外部html加载另一个内容，但带有加载内容链接的按钮进入加载的div。在第一次它很简单，我使用这个jquery代码 -

 $(document).ready(function(){
 $('li#contact').click(function() {
 $("#section").load("another-page.html #newcontent");
    return false;
});

在我加载的新内容中，我想将其用作链接。如何使用新代码？我用过这个但是没用 -

$(document).ready(function(){
$('anotherpage.html #newcontent #button').click(function() {
    $("#section").load("another-page2.html #newcontent2");
    return false;
});

以下是第一个html页面的代码：

<ul>
    <li id="contact">Contact</li>
</ul>

<div id="section">
</div>

这是另一个page.html的代码（div被加载到第一个html中）：

<div id="newcontent">

   <div id="button"></div>

</div>

这是另一个-page2.html的代码：

<div id="newcontent2">
</div>

对于我如何正确编写第二个jquery代码，你有什么简单的解决方案吗？

Answer 1

$(document).ready(function() {
  $('li#contact').click(function() {
    // load first `url`
    $("#section").load("another-page.html #newcontent", function() {
      // when `#button` loaded into `DOM` attach `click` event
      // which loads second `url` at `#button` `click` event
      $("#button").click(function() {
        $("#section").load("another-page2.html #newcontent2");
      })
    }); 
  });
});

jquery加载内容 - 链接在上传内容的同一div中

1 个答案: