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'), вам не нужно делать find('a') для $(this). Просто используйте $(this).attr('id')

Answer 2

находят JQuery (в) "не поиск выбранных элементов, только их потомки".

Похоже, у вас уже есть «это», указывающее на ваши «а» элементы, поэтому избавьтесь от find().

Answer 3

Я думаю, что ваша loadName линия должна быть эта:

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