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

但这不起作用，并且使“重置”按钮仅在单击过滤器后出现一秒钟。单击过滤器可以重新加载页面，并且可以使“休息”按钮快速消失。当单击“ .sort-by-agency ul li a”链接时，是否有一种触发点击的方法，但是在重新加载页面后加载该功能？

Answer 1

页面重新加载时，应用程序的状态将丢失。因此，您必须防止单击过滤器时重新加载页面。为此，您应该将第一个功能更改为此：

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

从jQuery文档中了解有关此内容的更多信息：event.preventDefault()

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

1 个答案: