load（）未加載頁面

Question

這可能是一個簡單的答案，但我有一些問題寫這個小加載腳本...我認爲我有一個錯誤的地方，我可以得到它來清除div，但頁面不是加載：

的Jquery：

$(document).ready(function() { 
//Load content 
    $(".load").click(function(){ 
      $("#content").empty(); 
      loadName = $(this).find("a").attr("id"); 
      $("#content").load("/content/" + loadName + ".php"); 
      }); 
}); 

HTML：

<div id="select">  
    <div id="menu"> 
    <ul> 
    <li><a class="load" href="javascript:void(0)" id="project1">Project 1</a></li> 
    <li><a class="load" href="javascript:void(0)" id="project2">Project 2</a></li> 
    </ul> 
    </div> 
</div> 
<div id="content"></div> 

兩個PHP文件位於像這樣的鏈接（注意，這些只是虛擬的名字，而不是實際的鏈接）：

http://www.hostname.com/content/project1.php
http://www.hostname.com/content/project2.php

Answer 1

因爲你定義$('.load')，你並不需要爲$(this)做find('a')。只需使用$(this).attr('id')

Answer 2

jQuery的發現（） 「不搜索所選元素，只有他們的後代。」

看起來你已經有了「this」指向你的「a」元素，所以擺脫find（）。

Answer 3

我覺得你loadName行應該是這樣的：

var loadName = $(this).attr("id"); // didn't see a declaration in your code