0

load.php

<h2>Envato is 3!</h2>

index.php

<input type="button" value="load" id="load_basic" />
<div id="result"  class="functions">
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script type="text/javascript">
    $.ajaxSetup ({
        cache: false
    });
    var ajax_load = "<img class='loading' src='img/load.gif' alt='loading...' />";

//  load() functions
    var loadUrl = "ajax/load.php";
    $("#load_basic").click(function(){
        $("#result").html(ajax_load).load(loadUrl);
        console.log($("#result").html());
    });
</script>

フロントエンドでボタンをクリックすると、chrome->console で次のように表示されます。

<img class="loading" src="img/load.gif" alt="loading...">

質問：

  1. <h2>Envato is 3!</h2>表示しない理由:.load()既に内容を#result?

  2. console.log($("#result").html());result: <img class="loading" src="img/load.gif" alt="loading...">を示していますが、firebug を使用するとフロントエンドで img 要素: load.gif が表示されないのはなぜですか?

4

1 に答える 1

2

AJAX 呼び出しの結果を使用する場合は、コールバック関数で実行する必要があります。

$("#load_basic").click(function(){
    $("#result").html(ajax_load).load(loadUrl, function() {
        console.log($("#result").html());
    });
});
于 2013-07-16T06:48:29.503 に答える