Javascript JQuery创建模式和打开

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

---

如何使用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;
}

dynamicModal=function（）{
$（“以数字方式创建”）。对话框({
莫代尔：是的，
可拖动：错误，
可调整大小：false，
位置：[“中间”，“顶部”]，
节目：“盲人”，
隐藏：“瞎子”，
宽度：400，
dialogClass:'ui dialog osx'，
按钮：{
“销毁”：函数（）{
$（此）.dialog（“销毁”）；
}
}
});
返回false；
}

终于有人试了一下

---

请注意，div节点是动态创建的

$（“Dinamically created”）

，并且没有绑定到现有元素

如果已经有可用的元素，为什么要创建？