从外部li加载点击

Question

这是我的test.php页面，我正在尝试加载<< id="new-nav" >>外部网页的内容。

Senario如下：我想点击位于<?php include 'Menu/Side-menu.html.php'; ?>的菜单中的li，然后在<< id="new-nav" >>区域的test.php中加载内容

<div id="left"> 
<?php include 'Menu/Side-menu.html.php'; ?> 
</div> 

<div id="main"> 
<p>This is a test</p> 

<b>see the text:</b> 
<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(('Menu/Side-menu.html.php').attr("href")); 
  }); 

}); 
</script>

Answer 1

我建议您改用此解决方案：

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

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

    // Your jQuery code. 
    $.post('Menu/Side-menu.html.php',function(response) { // (added quotes)
         $("#new-nav").html(response);
    });
 });