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

Я думаю, что ваша строка loadName должна быть такой:

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

Answer 2

, так как вы определили $('.load'), вам не нужно делать find('a') для $(this). Просто используйте $(this).attr('id')

Answer 3

jquery's find () "не ищет выбранные элементы, только их потомков."

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