0

我是 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，目前我只是用一个链接尝试这种方法来尝试让它工作。

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

4

1 回答 1

0

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。

于 2013-03-19T21:17:38.753 回答