Question

我有包含链接的菜单，并希望使用以下代码将.php个网页加载到ID为main的div中：

$(document).ready(function() {
    $("#documents").click(function(e) {
        e.preventDefault();
        var url = $(this).attr("href");
        $("#main").load(url);
    });
});

我的HTML代码是：

 <a class="button" id="documents" href="test.php">Test</a>
        <div>
            <br clear="all" />
        </div>
 <a class="button" id="documents" href="add.php">Add</a>
 <div>
            <br clear="all" />
        </div>
 <a class="button" id="documents" href="view.php">View</a>

我想加载这个div：

<div id="main">
</div>

问题是只有第一个链接有效，其他链接没有加载到div中。他们直接进入网址。请帮助和建议。我是Jquery UI的新手。

Answer 1

您必须documents作为class而不是id。因为ID对于页面来说是唯一的。

<a class="button documents" href="test.php">Test</a>
        <div>
            <br clear="all" />
        </div>
 <a class="button documents" href="add.php">Add</a>
 <div>
            <br clear="all" />
        </div>
 <a class="button documents" href="view.php">View</a>

<强>的jQuery

$(".documents").click(function(e) {
        e.preventDefault();
        var url = $(this).attr("href");
        $("#main").load(url);
    });

Jquery ui将页面加载到div而不刷新

1 个答案: