jQuery-刪除對話框以獲取窗口大小

Question

我正在響應式網站上工作。 我必須為小於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();
    }
});

提前致謝。

Answer 1

我知道了。 以下是代碼。

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

        }
  });