jquery加載函數獲取唯一的div而不是整個頁面

如果你已經看到這個，我很抱歉。我仍然在爲此苦苦掙扎。我只需要修改該函數以僅從菜單中選擇的鏈接加載colTwo div，而不是整個頁面。jquery加載函數獲取唯一的div而不是整個頁面

我看到從jQuery網站代碼：

$('#result').load('ajax/test.html #container');

但我不明白如何使功能做到這一點。

<!DOCTYPE html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>My Title</title> 
<link href="default.css" rel="stylesheet" type="text/css" /> 
</head> 

<script type="text/javascript" src ='jquery-1.9.1.min.js'></script> 
<script type="text/javascript"> 


    $(function(){ 
     $('#menu li a').on('click', function(e){ 
      e.preventDefault(); 
      var page_url=$(this).prop('href'); 
      $('#colTwo').load(page_url); 
     }); 
    }); 


</script> 
<body> 
<div id="header"> 
    <h1>My Title</h1> 
</div> 
<div id="content"> 

    <div id="colOne"> 

     <div id="menu1"> 
      <ul id="menu"> 
       <li><a href="members.html">Members</a></li> 
       <li><a href="about.html">About</a></li> 

      </ul> 
     </div> 
     <div class="margin-news"> 
      <h2>Recent Updates</h2> 
      <p><strong>None At This Time</strong> </p> 
     </div> 
    </div> 

    <div id="colTwo"><h2>Starting Text</h2></div> 
    <div style="clear: both;">&nbsp;</div> 
</div> 

</body> 
</html>

來源

2013-05-09 John

...字符串連接可能嗎？ – 2013-05-09 22:03:34

我很困惑。您是否正試圖通過AJAX從您所在的頁面加載內容到您正在瀏覽的頁面？你的例子沒有意義。 – j08691 2013-05-09 22:06:35

@ j08691我認爲你誤讀了;該代碼從'ul'菜單中的被點擊的錨點抓取'href'並獲取它。 – Mathletics 2013-05-09 22:07:44

凱文·B是正確的：

$('#colTwo').load(page_url + ' #colTwo');

正如一個字符串選擇添加到URL，並且不要忘了空間！

來源

2013-05-09 22:08:34 Mathletics

jquery加載函數獲取唯一的div而不是整個頁面

回答

相關問題