jQuery- 窗口大小的对话框删除

jQuery- Dialog remove for window size

本文关键字：删除 对话框 窗口大小 jQuery-      更新时间：2023-09-26

我正在开发一个响应式网站。我必须为小于480px的窗口大小创建一个弹出窗口，但对于桌面大小，内容必须是可见的（而不是在弹出窗口内）。我尽量不重复内容两次。

这是一个小提琴链接。

$(document).ready(function() {
    $(window).resize();
    $("#filterOpen").click(function() {
        $("#mobileFilter").dialog("open");
    });
});
$(window).resize(function() {
    if ($(window).width() > 480) {
        $("#mobileFilter").dialog({
            autoOpen: false,
            dialogClass: "test",
            modal: false,
            responsive: true
        });
    } else if ($(window).width() > 481) {
        $("#mobileFilter").dialog().remove();
    }
});

提前谢谢。

我让它工作了。以下是代码。

 $(document).ready(function() {
                $(window).resize();
                $( "#filterOpen" ).click(function() { 
                $( "#mobileFilter" ).dialog( "open" );
    });
            });
$(window).resize(function() {
        if ($(window).width() > 480) {
                $( ".ui-dialog" ).dialog().remove();
        }else if ($(window).width() < 480) {
             $("#mobileFilter").dialog({
                autoOpen: false,
                dialogClass: "test",
                modal: false,
                responsive: true
            });
        }
  });
相关文章：