0

index.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 に答える