在動態頁面中頁面加載后顯示/隱藏元素

Question

我有一個服務器端 web 應用程序，它顯示了一個帶有一些過濾器的列表。 我想在單擊過濾器項目時添加一個“重置”按鈕，然后我希望在單擊重置按鈕時重置按鈕消失。 我想我可以用這個來完成它：

$('.sort-by-agency ul li a').click(function() {
    $('.sort-by-agency ul').after(viewAllBtn);
});
$('.sort-by-agency .view-all').click(function(){
    $(this).hide();
});

但這不起作用，它使“重置”按鈕僅在單擊過濾器后出現一秒鍾。 過濾器點擊使頁面重新加載，這使得 Rest 按鈕快速消失。 有沒有辦法在點擊“.sort-by-agency ul li a”鏈接時觸發點擊，但在重新加載頁面后加載 function？

Answer 1

當頁面重新加載時，應用程序的 state 將丟失。 因此，您必須防止在單擊過濾器時重新加載頁面。 為此，您應該將第一個 function 更改為：

$('.sort-by-agency ul li a').click(function(event) {
    event.preventDefault();
    $('.sort-by-agency ul').after(viewAllBtn);
});

從 jQuery 文檔了解更多信息： event.preventDefault()