Question

当我点击导航（家庭等）时，它工作完美但只有2或3次。当我再次点击导航图像时，我停止加载（不显示）。谢谢你的回答。

JS

$(document).ready(function(){
    $(document).ajaxStart(function(){
        $("#loading").show();
    });
    $(document).ajaxComplete(function(){
        $("#loading").fadeOut();
    });
    $("ul li a").click(function(e){
        e.preventDefault();
        abc=$(this).attr("href");
        $(".right-content").load(abc);
    }); //`enter code here`
});

HTML

<div id="nav">  

    <ul>
        <li><a href="abc.php">Home</a></li>
        <li><a href="abc.php">About Us</a></li>
        <li><a href="form.php">Add Page</a></li>
        <li><a href="abc.php">Contact-Us</a></li>
        <li><a href="new_index.php">Login</a></li>
        <li><a href="signup.php">Sign-Up</a></li>
        <li><a id="log" href="logout.php">
    </ul>
</div>

IMG

<div id="loading" style="display:none;width:69px;height:89px;border:1px solid black;position:absolute;top:50%;left:50%;padding:2px;">
<img src='loading.gif' width="64" height="64" /><br>Loading..</div>

Answer 1

您尚未在注销锚点正确关闭代码。这可能会导致问题;

替换

<li><a id="log" href="logout.php">

与

<li><a id="log" href="logout.php">Logout</a></li>

参见工作演示：http://jsfiddle.net/bLUZM/

Ajax只工作几次

1 个答案: