动态构建模态

Question

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

例如，我有一个按钮，我想要启动模态，这是动态创建的。

我正在使用这个模态插件： http://labs.voronianski.com/jquery.avgrund.js/

我试过这个，它确实有效，但是在第二次点击按钮之前它不起作用。

$('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>'     
        });        
    });

三江源

Answer 1

我找到了答案的人，

似乎添加openOnEvent: false作为模态的选项修复它。它完全有道理，默认情况下它是真的，所以它正在等待一个'click'事件来触发发射，直到它在后台构建一次才发生。

谢谢！

香农

Answer 2

$(this).avgrund({})

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