Question

我是jQuery的新手，我开始使用AJAX加载函数，出于某种原因，我无法让它工作，我尝试了很多不同的形式（使用.php等）并最终采用了第一个一个我试过。我正在从一个单独的.html文件加载我的内容，并使用此文件中的单个div作为AJAX插入我的主要内容div的锚点。

目：

<script type="text/javascript" src="jquery.js"></script>  
<script type="text/javascript" src="core.js"></script>

导航：

<div id="leftnav">
    <p class="leftnavtext">
        <a class="navlinks" id="about2" href="#">ABOUT</a> <br>
        <a class="navlinks" id="process2" href="#">PROCESS</a> <br>
    </p>
</div>

使用Javascript：

$(document).ready(function(){  
  $("about2").click(function(){
    $("#content").load("content.html #about");
  });
});

我想加载它的div显然是#content，目前我只用一个链接尝试使用这个方法来尝试让它工作。

感谢您提前提供任何帮助。

Answer 1

load只是AJAX的包装器，所以你可以在click函数中执行此操作......

$.ajax({
    type: "POST",
    url: "content.html"})
    .done(function(data) {
      var $about = $(data).filter("#leftnav").children('#about2').html();       
      console.log($about);
      $('#content').html($about);
    });
});

您正在从外部文件中过滤到特定ID。

AJAX加载功能有问题

1 个答案: