ページの再読み込みを防止するにはどうすればよいですか？

Question

私は例えば、私はこのコードを持っている、jQueryを使って問題を抱えている：私はそれが戻っプレビュー状況に行くウェブサイトをリロードするとき

<a href="#" id="docs"><img id="icon" src="icons/docs.png"/></a> 

$("#docs").click(function() { 
$("#content").load("docs.php").hide().fadeIn("slow");}) 

すべての物事はことを除いて、正常に動作しますが、しかし、私は、ウェブサイトをしたいですリンクがクリックされたときのままです。

Answer 1

あなたがこれを検出するためのURLにハッシュタグを使用することができます。

まず、ajaxリクエストを関数に入れ、次の2つの場合にこの関数を呼び出します。a）ユーザーがリンクをクリックしたとき。 b）ハッシュタグが "#load_docs"の場合

$(document).ready(function() { 
    function load_contents() { 
     $("#content").load("docs.php").hide().fadeIn("slow"); 
    } 

    $("#docs").click(function() { 
     load_contents(); 
    }); 

    var hashtag = window.location.hash; 
    if (hashtag == "#load_docs") load_contents(); 

});  

は、あなたのリンクにhref="#load_docs"を追加することを忘れないでください：

<a href="#load_docs" id="docs"><img id="icon" src="icons/docs.png"/></a> 

Answer 2

クリックハンドラー内にreturn false;があることを確認してください。

ので：

$("#docs").click(function() { 
    $("#content").load("docs.php").hide().fadeIn("slow"); 
    return false; 
})