Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jqueryui对话框&x27;切换';模态选项不工作_Jquery_Jquery Ui_Jquery Dialog - Fatal编程技术网

jqueryui对话框&x27;切换';模态选项不工作

jqueryui对话框&x27;切换';模态选项不工作,jquery,jquery-ui,jquery-dialog,Jquery,Jquery Ui,Jquery Dialog,是否可以动态更改jquery ui对话框的模式 我做了一个有效的例子:它看起来好像不起作用 $( this ).dialog("option","modal",false); 如果要更改对话框上的选项,需要在打开对话框之前进行更改。另一方面,您需要在对话框打开后使用自己的代码与对话框的组件(如覆盖)进行交互 例如: /* initialize a dialog*/ $('#dialog').dialog({autoOpen:false, modal:true}); /* open a d

是否可以动态更改jquery ui对话框的模式

我做了一个有效的例子:它看起来好像不起作用

 $( this ).dialog("option","modal",false);

如果要更改对话框上的选项,需要在打开对话框之前进行更改。另一方面,您需要在对话框打开后使用自己的代码与对话框的组件(如覆盖)进行交互

例如:

/* initialize a dialog*/
$('#dialog').dialog({autoOpen:false, modal:true});


/* open a dialog from a click handler and change options*/  
$('#myButton').click(function(){
    /* change original modal option*/                         
    $('#dialog').dialog('option', 'modal', false);
    /* change title based on text of "myButton"*/
    $('#dialog').dialog('option', 'title', $(this).text())

    /* options have been changed, open dialog now */
    $('#dialog').dialog('open');                          
});

对话框打开时似乎不会反映更改,但更改确实会生效。要显示更改,可以关闭然后立即重新打开对话框。这可能不是最好的解决方案

                $( this ).dialog("option","modal",true)
                    .dialog("close")
                    .dialog("open");

仍然无法使用jQuery 1.11。但是,当您想要从非模态对话框切换到模态对话框时,您可以简单地手动添加覆盖:

$("#dialog").dialog("widget").before("<div class='ui-widget-overlay ui-front'></div>");
$(“#dialog”).dialog(“小部件”)。在(“”)之前;
如果要从模式对话框切换到非模式对话框,请相应地删除覆盖