jQuery .load() 函数的 Javascript 语法

Question

我刚刚尝试制作一个简单的脚本来使用 ajax 加载页面的新部分。用于更改相关文本颜色的类删除/添加工作正常。但是，新的 html 似乎没有出现。我感觉这与我的一般 js 语法有关，但我无法解决。

Javascript:

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#page_menu a").click(function() {
            $("#page_menu p").removeClass("current");
            $(this).children().addClass("current");

            var project = $(this).attr("name");
            var loadUrl = project + ".html";

            $("#project_image").load(loadUrl);

            return false;
            });
        });
    </script>

html 中 anchor 标记的示例是:

<a name=example href="#">Example</a>

我要加载的 html 文件将称为“example.html”，其中的代码:

<h1>Hello</h1>

我确定它非常简单，但我只是没有看到它!

干杯，

丰富

Answer 1

我会直接使用 anchor 的href:

<a href="example.html">Example</a>
<div id="project_image"></div>

然后对它进行 AJAX 化:

$(function() {
    $('#page_menu a').click(function() {
        $('#page_menu p').removeClass('current');
        $(this).children().addClass('current');
        $('#project_image').load(this.href);
        return false;
    });
});