javascriptボタンをクリックするとページが更新されません。

Question

私は2つのボタンを持っているので、1つはドッグリストに犬を追加し、もう1つはリスト全体をクリアします。

どちらもうまくいけば、私を悩ますのは、OnSubmitボタンだけがページをリフレッシュするということだけです。

犬のリストがOnReadyに読み込まれ、アイテムが追加されたときにのみリストが更新されます。リストをクリアすると、手動でページを更新して変更を確認する必要があります。

function OnSubmit(event) { 
    addToStorageList(dogs, dog); 
} 

function OnClickClearList() { 
    localStorage.setItem('dogs', JSON.stringify([])); 
}  

function addToStorageList(listName, itemToAdd) { 
    var list = JSON.parse(localStorage.getItem(listName)); 
    if (!Array.isArray(list)) { 
     list = []; 
    } 
    list.push(itemToAdd); 
    localStorage.setItem(listName, JSON.stringify(list)); 
} 

$('#btn1').click(OnSubmit); 

$('#btn2').click(OnClickClearList); 

ありがとうございました！

Answer 1

それらの私の意見を誰もがリフレッシュすべきで、あなたが

「location.reload（）;」を使用する必要があります更新してあなたの機能

理由そのうちの一つリフレッシュの終わりに

を私は見ることができない（あなたが投稿していない）コードか、OnSubmitと呼ばれ、フォーム送信ボタンなどを妨害しているコードのいずれかです