load() 没有加载页面答案

【问题标题】：load() not loading pageload() 没有加载页面
【发布时间】：2009-09-13 16:55:52
【问题描述】：

这可能是一个简单的答案，但我在编写这个小加载脚本时遇到了一些问题……我想我在某个地方有一个错误，我可以让它清除 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

【问题讨论】：

标签： jquery load

【解决方案1】：

因为你定义了$('.load')，你不需要为$(this) 做find('a')。只需使用$(this).attr('id')

【讨论】：

【解决方案2】：

我认为您的 loadName 行应该是这样的：

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

【讨论】：

【解决方案3】：

jquery 的 find() “不搜索选定的元素，只搜索它们的后代。”

看起来你已经有“this”指向你的“a”元素，所以去掉 find()。

【讨论】：