Javascript Jquery函数后重置

当单击另一个div时，我使用一点jquery来扩展div：

    <script type="text/javascript">
    $(document).ready(function() {
        $(".flip").click(function() {
            $(".module").slideToggle("slow");
        });
    });
</script>

我的网站是有响应的，所以当浏览器窗口调整大小时，当屏幕小于800px时，会显示上面的css。所以在测试时，我点击我的按钮，这使我的模块扩展没有问题，当我再次点击按钮时，模块折叠并隐藏它的内容，所以这一切都很好。但是，当我将窗口的大小调整回1000px时，当我的屏幕变小时，我隐藏了模块内容，当浏览器窗口变回1000px时，内容仍然隐藏，并且我隐藏了较大屏幕的按钮，因为这是不必要的。 那么，当浏览器窗口的大小调整到大于800px时，有没有办法重置jquery的效果呢？

您可以使用一个库，将媒体查询回调添加到javascript中

$(window).resize(function() {
 if($(window).width() > 800) {
  location.reload();
 }
});

使用此脚本检查窗口大小并重新加载

使用用作调整大小事件处理程序的

$.resize（）

，然后检查宽度是否符合尺寸

$(window).resize(function() {
    if($(window).width() > 800) {
        $(".module").show();
    }
    else{
        $(".module").hide();
    }
});

---

非常感谢你。工作完美。

$(window).resize(function() {
 if($(window).width() > 800) {
  location.reload();
 }
});

$(window).resize(function() {
    if($(window).width() > 800) {
        $(".module").show();
    }
    else{
        $(".module").hide();
    }
});