php - index.php# 不同于 index.php

Question

在我使用 Bootstrap 的代码中，我遇到了问题。

我正在使用如下所示的 JS 代码。

 $( "li:eq(1)" ).click(function() {
            $.get("./test.php")
               .done(function(data) {
                    $('#middle').html(data);
            });

就是控制div。

<div class="container" id=header-nav>
            <a class="brand" href="index.php"></a>
            <div class="nav-collapse collapse" >
                <ul class="nav">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="test.php">test</a></li>
.......
<div class="container" id="middle"> </div>

当我点击测试按钮时，链接将变为 test.php# 但没有任何变化。再次点击，可以加载到test.php中。

问题是链接是 test.php，代码无效。当 test.php# 时，它起作用了。我想知道为什么。

非常感谢。

Answer 1

问题是因为您已将处理程序附加到 li 元素，但是点击了 a 元素，然后转移了页面。试试这个:

$("li:eq(1) a").click(function(e) {
    e.preventDefault();
    $.get("./test.php")
        .done(function(data) {
            $('#middle').html(data);
        });
});

preventDefault() 停止链接的默认行为，这意味着您的 AJAX 请求会按要求执行。