0

索引.html：

<html>
<head>
    <script type="text/javascript" src = "jquery-1.10.1.js"></script>
    <script type="text/javascript" language = "javascript">
        console.log("mm");
        function swapContent(cv) {
            console.log("mmn");

            $("#myDiv").html('<img src="loader.gif" width="44" height="10" alt="loader.gif">').show();
            var url= "myphpscript.php";
            $.post(url, { contentVar: cv }, function(data) {
                $("#myDiv").html(data).show();
            });

            console.log("mmn");
        }
    </script>
</head>
<body>
    <a href = "#" onClick = "return false" onmousedown = "javascript:swapContent('Con1');"> Content1 </a> &nbsp;&bull;&nbsp;
    <a href = "#" onClick = "return false" onmousedown = "javascript:swapContent('Con2');"> Content2 </a> &nbsp;&bull;&nbsp;
    <a href = "#" onClick = "return false" onmousedown = "javascript:swapContent('Con3');"> Content3 </a> &nbsp;&bull;&nbsp;
    <div id = "myDiv"> My Default Content 1</div>
</body>
</html>

gif 已保存在与索引相同的文件夹中。div 正在动态更改，但 gif 似乎已加载。我需要延迟什么的吗？怎么做？还是代码有其他问题？

4

1 回答 1

0

首先，请不要在属性、值对中留空格，如下所示：

...width = "44" height = "10"...

让它看起来像这样：

...width="44" height="10"...

那只是风格指南:)。

其次检查您的浏览器网络面板以查看：它正在加载 gif。因为如果没有加载，就没有 gif。如果加载它找到它。如果没有找到，它应该返回200 http 响应或404 。

在所有现代浏览器上，您都可以使用F12或CTRL+SHIFT+i打开开发者面板，然后单击“网络”。

于 2013-06-12T08:48:39.100 回答