2016-10-15 5 views
1

アイテムのボタンをクリックするとリストのアイテムを非表示にしたWebページが表示されます(今度はウェブサイト上の別のページに移動して戻るボタンを押します)ブラウザの以前隠されたアイテムがリストに再び表示されます。 jqueryを使用して要素を永続的に非表示にするにはどうすればよいですか。どんな助けもありがとう。戻るボタンを押すと、ページ上に再びhidden divが表示されます

+0

リダイレクトすると、すべてのjavascriptとその変更は失われますが、期間は – adeneo

+0

です。永続性を維持する方法はありますか?「localStorage」を使用して行うことはできますが、解決策はありません。 –

+0

クッキーまたはサーバーサイドに状態を保存するなど、他の解決策はありません。 – adeneo

答えて

1

問題は、自分が「STATEがそれが隠されているということを決めるのは何ですか?」と尋ねなければならないということです。これはあなたの質問に非常に深く答える方法に影響します。あなたのページがユーザ設定の状態であれば、状態を保存してページ初期化に戻す必要があります。あなたの状態は、URLまたはlocalStorageの "#hash"部分に保存することができます。

一般的には、あなたはまだこのような何か行うことができます。

function user_action_that_hides_the_div() { 
    $div.hide(); 
    localStorage.setItem("that-div-was-hidden", true); 
} 

// on page init: 
if (localStorage.getItem("that-div-was-hidden")) 
    $div.hide(); 

を別の解決策は、常にDIVを非表示にし、必要な場合にのみ、それを表示することができた(そして、あなたがしたいかどうかJSレベルで決定する必要がありますその情報を表示する