Jquery 对话框 - div 初始化后消失

标签 jquery modal-dialog jquery-ui-dialog

JQuery Dialog 最近给我带来了很多痛苦。 我有以下要弹出的 div。 (忽略类在语法中不显示双引号)

TABLE class=widget-title-table border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
    <TD class=widget-title><SPAN class=widget-title>Basic Info</SPAN></TD>
    <TD class=widget-action>
    <DIV id=edit-actions jQuery1266325647362="3">
        <UL class="linkbutton-menu read-mode">
            <LI class="control-actions">
                <A id="action-button" class="mouse-over-pointer linkbutton">Delete this                 stakeholder</A> 
            <DIV id="confirmation" class="confirmation-dialog title=Confirmation">
                Are you sure you want to delete this stakeholder? 
            </DIV>

</LI></UL></DIV></TD></TR></TBODY></TABLE>

用于此的 JQuery 是...

$(document).ready(function() {

$('#confirmation').dialog({
    bgiframe: true, modal: true, autoOpen: false, closeOnEscape: false,
    draggable: true, position: 'center', resizable: false, width: 400, height: 150
    });

});

对话框是由

打开的
var confirmationBox = $('#confirmation',actionContent);
if (confirmationBox.length > 0) {


    //Confirmation Needed
    $(confirmationBox).dialog('option', 'buttons', {
        'No': function() {
            $(this).dialog('close');
        },
        'Yes': function() {
            $('ul.read-mode').hide();
            $.post(requestUrl, {}, ActionCallback(context[0], renderFormUrl), 'json');
            $(this).dialog('close');
        }            
    });

    $(confirmationBox).dialog('open');

}

问题始于初始化本身。 加载文档时,<div #confirmation>已从标记中删除! 我之前遇到过类似的问题,但我不能在这里使用该解决方案。 在此页面上我可以有多个 PopUp div。

当我在打开它之前添加初始化时;表格弹出。但是当我关闭它之后,div就被删除了;所以我无法再次看到弹出窗口。

最佳答案

您看到它删除#confirmation的原因是因为$("#foo").dialog()会将#foo从DOM中的任何位置移动到文档的底部创建最初隐藏的对话框样式的包装元素内部。据了解,对话框在打开之前是隐藏的。

关于Jquery 对话框 - div 初始化后消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2272961/

相关文章:

javascript - Sweet Alert 2 的多种模式

javascript - 如何仅跟踪浏览器窗口调整大小

Jquery UI 对话框在内部应用程序关闭时未关闭

javascript - 当窗口有滚动条时,jquery 对话框覆盖滚动条

javascript - Javascript/jQuery 中类似 MVC 的 UI 更新 : best practices?

javascript - 服务器宕机时可以启动脚本加载超时吗?

javascript - 访问对象 jquery 中的数组时出现问题

javascript - JQuery .each 为此提供 Object{}

带有最大化按钮的 Java 模态窗口

uitabbarcontroller - 如何在不隐藏标签栏的情况下*在*标签栏界面中显示 ‘modal’ View ( Controller )