Javascript 动态构建模型

如何运行模态并从动态创建元素构建模态

例如，我有一个按钮，我想启动动态创建的模式

我正在使用这个模式插件：

我已经试过了，它确实有效，尽管它直到第二次点击按钮才起作用

$('body').on('click','#siteSwitch', function(){
        $(this).boxModal({
            height: 800,
            width: 800,
            holderClass: 'boxModal',
            showClose: true,
            showCloseText: 'X',
            enableStackAnimation: false,
            template: '<p>So implement your design and place content here! If you want to close modal, please hit "Esc", click somewhere on the screen or use special button.</p>'     
        });        
    });

$（'body'）。在（'click'，'siteSwitch'，function（）上{
$（此）.boxModal({
身高：800，
宽度：800，
holderClass:'boxModal'，
showClose：没错，
showCloseText:'X'，
enableStackAnimation:false，
模板：“因此，实现您的设计并将内容放在此处！如果您想关闭modal，请点击“Esc”，单击屏幕上的某个位置或使用特殊按钮。
”
});        
});

谢谢

$(this).avgrund({})

---

代码是这样的，而不是boxModal（）

我找到了答案

似乎添加了

openOnEvent:false

作为模态修复的选项。这是完全有道理的，默认情况下是真的，所以它正在等待一个“点击”事件触发发射，直到它在后台构建一次才发生

谢谢

---

Shannon

您是否尝试过在document ready上初始化它，然后使用您现在使用的相同代码？对不起，它现在在document ready中。啊，好的。然后我的意思是添加

$（this）.boxModal（）在当前代码之前的行上。可能需要先初始化才能使用？