Question

我正在尝试在一个元素上调用Bootstrap模式，该元素仅在首次单击按钮时才会创建。我无法访问HTML来添加它。

这是我的代码

<script type="text/javascript">
jQuery( "#newsletter-validate-detail button" ).click(function(e) {
   //  e.preventDefault();
    console.log('button was clicked');
    jQuery('#advice-validate-email-newsletterl').live(function() {
        consol.log('message is live');
        jQuery('#advice-validate-email-newsletterl').modal('show');
    }).

});

没有控制台错误。

Answer 1

由于按钮在加载时不在DOM中，因此您必须使用.on方法。

$(document).on("click", "#newsletter-validate-detail", function(){
   $('#myModal').modal({show:true})

})

JSFiddle：https://jsfiddle.net/449o9d6x/2/

如何在一个不存在的元素上调用Bootstrap 3模态？

1 个答案: