JQuery创建模式和打开

JQuery Creating Modal and Opening

本文关键字：模式 创建 JQuery      更新时间：2023-09-26

我想创建一个模态，并在用户单击图像时显示它。有一些方法，比如让modal不可见，点击某个地方后JQuery会让它可见，但我不想使用这些方法，只想用JQuery创建和显示modal。

如何使用JQuery动态创建它？

问题的重点是在点击时创建一个对话，并将其销毁，以显示和隐藏右侧。两者都很容易。

<img class="ui-icon ui-icon-info" onclick="dynamicModal()"/> Click image

这是js部分的

dynamicModal = function() {
     $("<div>Dinamically created</div>").dialog({
        modal: true,
        draggable: false,
        resizable: false,
        position: ['center', 'top'],
        show: 'blind',
        hide: 'blind',
        width: 400,
        dialogClass: 'ui-dialog-osx',
        buttons: {
            "Destroy": function() {
                $(this).dialog("destroy");
            }
        }
    });
    return false;
}

终于有小提琴来试了http://jsfiddle.net/pfL5LL06/5/

请注意，div节点是动态创建的$("<div>Dinamically created</div>")，并且没有绑定到现有元素

相关文章：