Question

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

如何动态地使用JQuery创建它？

Answer 1

在你的问题中强调的是创建一个关于点击的对话，并将其视为相反的显示和隐藏权利。要么容易。

<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>")上创建的，而不是绑定到现有元素

JQuery创建模态和打开

1 个答案: