对话框仅适用于第一次

时间:2014-10-29 05:48:54

标签: jquery jquery-ui-dialog

我有以下java脚本代码

      function showDialog() {
        $("#dialog").dialog({
            autoOpen : true, height : '325', width : 'auto', modal : true, closeOnEscape : false,

        });
        $("#dialog").dialog('option', 'title', "Manage Questions");
        $("#dialog").dialog('option', 'show', 'drop');
        $("#dialog").dialog('option', 'resizable', true)
        var strHtml = <MyCode>;
        $("#dialog").html(strHtml);
        $("#dialog").html();
        $("#dialog").dialog('open');
        }

当我第一次调用showDialog时它工作正常。但在那之后 当用户点击调用此功能的按钮时,对话框会自动消失,如果用户再次点击它可以正常工作, 换一种说法     第一次它工作正常,然后用户必须单击两次才能使其正常工作。

1 个答案:

答案 0 :(得分:1)

您尚未添加任何关闭对话框的按钮,请先添加以下代码以关闭对话框,然后再将其打开。

 $("#dialog").dialog("close");

您的代码应如下所示

function showDialog() {
        //close dialog
        $("#dialog").dialog("close");
        $("#dialog").dialog({
            autoOpen : true, height : '325', width : 'auto', modal : true, closeOnEscape : false,

        });
        $("#dialog").dialog('option', 'title', "Manage Questions");
        $("#dialog").dialog('option', 'show', 'drop');
        $("#dialog").dialog('option', 'resizable', true)
        var strHtml = <MyCode>;
        $("#dialog").html(strHtml);
        $("#dialog").html();
        $("#dialog").dialog('open');
        }