URL で指定された #hashtag に基づいて、ページでアクションを実行する次のスクリプトを思いつきました。
function checkhash(){
x = window.location.hash.replace("#", "");
$('#results').html(x); //Just to show the results, Delete in your code
//Put your functions here....
if (x == 'all'){
$(".one").add(".two").add(".three").hide();
$(".one").show();
// and so on... just an example
}
window.setTimeout(checkhash, 1);
}
checkhash();
上記よりも良い方法はありますか?現在の形式では、新しいタグをチェックするために何度も何度も実行されるためです (私が望むように、fadeIn および fadeout メソッドを使用できないためだと思います)。私の用途は、/test.html#all に直接リンクして特定のコンテンツをロードするか、そのページの #all にボタンの形でリンクすることです。両方とも、すべて、青、緑、赤のボタンなどの並べ替えの目的で使用され、リンク#ハッシュに直接移動するか、#ハッシュのページ上のボタンリンクを使用して特定のコンテンツを表示/非表示にすることで、ページを並べ替えることができます.
そのまま動作します (フェード アニメーションを使用することはできませんが、これは常に実行されているためリソースを集中的に使用するため、可能であれば回避したいと考えています。