uikit - 通过javascript即时模态窗口

Question

我将我的网站从bootstrap切换到了uikit。

在bootstrap中我可以通过javascript动态创建模态窗口。我用这个例子：

https://gist.github.com/saigach/4ef5d8ad5f6ddd6dc64afc302caa3552

那很好，但是我无法动态创建一个uikit模式...

var popupTemplate = 
'<div id="modal-example" uk-modal>' + 
'    <div class="uk-modal-dialog uk-modal-body">' + 
'        <h2 class="uk-modal-title">Headline</h2>' + 
'        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>' + 
'        <p class="uk-text-right">' + 
'            <button class="uk-button uk-button-default uk-modal-close" type="button">Cancel</button>' + 
'            <button class="uk-button uk-button-primary" type="button">Save</button>' + 
'        </p>' + 
'    </div>' + 
'</div>' + 

$(popupTemplate).modal();

我也试过

$(popupTemplate).toggle();

什么都没发生。有人知道如何解决这个问题吗？

Answer 1

$(popupTemplate).modal(); is not going to work.

你需要这样做：

$("#someDivId").html(popupTemplate);

然后

$("#modal-example").modal();