0

ページをリロードせずにdivにリンクを表示するjqueryがあります：jQueryコード：

<script type="text/javascript">
$(document).ready(function() {
    $("a").click(function(event) {
        // Prevent default click action if javascript is enabled
        event.preventDefault();
    //load the content of the new page into the content of the current page
    $("#content").load( $(this).attr("href") + " #content");
    })
});
</script>

すべてが正常で機能していますが、これはとても簡単です！このコードでコンテンツを読み込む前に読み込み画像を追加するにはどうすればよいですか？

2番目の質問です。読み込み後にアドレスバーに新しいページのリンクを表示する方法はありますか？

4

1 に答える 1

4

コールバック関数を使用してローダーを削除できます。

<script type="text/javascript">
$(document).ready(function() {
    $("a").click(function(event) {
        // Prevent default click action if javascript is enabled
        event.preventDefault();
        //load the content of the new page into the content of the current page
        $('#loader').show(); // Show some hidden loader on the page
        $("#content").load( $(this).attr("href") + " #content", function() {
            $('#loader').hide(); // Hide the loader when it completely loads the given URL.
        });
    })
});
</script>

2番目の質問では、これが答えになるはずです。JavaScriptを使用して新しいページをロードせずにブラウザでURLを変更する

于 2012-09-11T04:26:13.347 に答える