javascript - 如何停止调整弹出窗口的大小完全低于特定大小

Question

锁定弹出窗口的大小？连拖拽都不可能

newWidth < 650 ? window.innerWidth = 650 : $(window).height();
newHeight < 400 ? window.innerHeight = 400 : $(window).width()

/* OR  $(function() {
                $( "#resizable" ).resizable({
                maxHeight: 450,
                maxWidth: 650,
                minHeight: 150,
                minWidth: 200
                });
                }); */ 

在这两种拖动中都是可能的......

Answer 1

使用 Jquery 模态对话框。

$("#dialog-message").dialog({
    modal: true,
    draggable: false, //draggable false
    resizable: false, //resizable false
    position: ['center', 'top'],
    show: 'blind',
    hide: 'blind',
    width: 400,
    dialogClass: 'ui-dialog-osx',
    buttons: {
        "I've read and understand this": function() {
            $(this).dialog("close");
        }
    }
});

在JSFIDDLE上查看这个示例