首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在动态页中加载页面后显示/隐藏元素

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

Stack Overflow用户
提问于 2020-05-20 06:33:15
回答 1查看 27关注 0票数 0

我有一个服务器端web应用程序,其中显示了一些过滤器的列表。我想在单击筛选项时添加一个“重置”按钮,然后在单击“重置”按钮时重置按钮消失。我想我可以用这个来完成它:

代码语言:javascript
代码运行次数:0
运行
复制
$('.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“链接时触发点击,但在页面重新加载后加载函数?

EN

回答 1

Stack Overflow用户

发布于 2020-05-20 07:02:04

当页面重新加载时,应用程序的状态将丢失。因此,您必须防止在单击筛选器时重新加载页面。为了实现这一点,您应该将您的第一个函数更改为:

代码语言:javascript
代码运行次数:0
运行
复制
$('.sort-by-agency ul li a').click(function(event) {
    event.preventDefault();
    $('.sort-by-agency ul').after(viewAllBtn);
});

要了解更多信息,请访问jQuery文档:event.preventDefault()

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61901886

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档