在动态页面中页面加载后显示/隐藏元素

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()