jquery - jquery点击加载ext html

Question

嗨 jquery 大师我是新手，我遇到了一个非常困难的情况，你能帮我解决这个挑战吗，这对我来说非常重要，我被困在这里。这是场景：3页（索引，菜单，内容）索引包括菜单menu.php有一个链接现在我想点击这个链接并将content.php加载到index.php中的一个分区中. 那可能吗？我尝试了以下操作，但我错过了一些东西。

//这是index.php

<div>
<?php include 'menu.php'; ?>

 <p>load the content here:</p>
 <ol id="new-nav"></ol>
 </div>

 <script>
 $(document).ready(function(){         

 $("#test li").click(function (e) {

    // Stop the link from changing the page
    e.preventDefault();

    // Your jQuery code.

    $("#new-nav").load($(this).attr("href"));
 });

 });
 </script>

//这是menu.php

 <div id="test">
 <li><a href="content.html">Content</a></li>
 </div>

//content.html 是一个段落

Answer 1

您正在选择 li 并尝试获取它的 href 属性:-)

试试这个

$("#test li a:first").click(function (e) {

    // Stop the link from changing the page
    e.preventDefault();

    // Your jQuery code.

    $("#new-nav").load($(this).attr("href"));

});