jquery - 構文に必要なWindow.location.hashヘルプ

Question

私のウェブサイトはhttp://visualise.ca/で利用できます。サムネイルをクリックして投稿を読み込むと、ajaxを使用してページ内に投稿が読み込まれます。投稿を閉じると、ページをリロードせずにURLをhttp://visualise.ca/に戻すために、次のコードが使用されます。

$("#close").live("click", function(event) {
    $("#board").fadeOut("slow");
    $("#board-wrapper").slideUp("slow");
    $("html,body").delay(1000).animate({scrollTop: 0}, 300);
    window.location.hash = "";
    window.history.pushState(null,null,site_url+"/");
    return false;
});

ただし、IE8では、 http ：//visualise.ca/ではなくhttp://visualise.ca/#に戻します。これを修正してhttp://visualise.ca/に変更されていることを確認する方法はありますか？

Answer 1

これはやめませんか？

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>
    $(document).ready(function() {    
    $(".testPhoto").click(function(event){
        event.stopPropagation();
        alert("do something");
        return false;
    });  
});
</script>
<a class="testPhoto" href="#testPhoto" onclick="testPhoto">Test Photo</a>

Answer 2

私は最近、たまたま ajax の歴史について多くのことをやっています。ページとモーダルをナビゲートし、前後に移動する独自の実装を試みています。非常に良い進歩を遂げています。

テストの開始以来、私はルート ハッシュに気付きました。最初のページ (すべてが始まった場所) に戻ると、BROWSER BACK ボタンをクリックした場合にのみハッシュ (#) が失われます。ハッシュを '' に戻すと、最後に常に /# が表示されます。

IE8に関する限り、iFrameハックを使用する以外に解決策はないと思います.IE8/iframeハックをまだテストしていないため、コメントできません.

私のソリューションでは、ハッシュと純粋なコマンド制御を組み合わせて使用​​しています。数週間以内に最終バージョンを完全にテストする必要があります (希望的観測)。

さらに、ハッシュ/シャープが URL の最後に残っているかどうかは誰が気にしますか。Web サイトにアクセスすると、その URL は決して見ません。ページの内容をざっと見ただけです。本当に: URL は、コピーして貼り付けたい場合にのみ重要であることに気付きました。それ以外は絶対に見ません。

Answer 3

IE9 よりも小さいものは、末尾の Hash なしでページをリロードします#。私の提案は、IE をチェックして、コンテンツを削除または空白にすることです。正確な方法が必要な場合は、いくつかの IE Quirks をかわす必要があります。

 if ( jQuery.browser.msie && ( parseInt( jQuery.browser.version ) < 9 ) ) {
     window.location = 'http://visualise.ca";
     document.execCommand( 'stop' );
 }

Answer 4

$('#close').click(function(){

window.location = "http://visualise.ca/";

});

Answer 5

window.location = window.location.href.replace( /#.*/, "");

これはIEで機能します。