Question

我正在使用simpelmodal在jquery中创建对话框，但现在问题出现在我的一个html页面中 li元素是动态的，当点击按钮时，我尝试触发$("attachment-modal-content").modal()对话框不会出现，直到我再次点击屏幕或移动屏幕。一旦我移动屏幕就会出现。

值得注意的是，如果我没有在页面中加载任何li元素，它会正常弹出。

这是示例页面，最初attachment-modal-content设置为display:none

<div>

<a href="#" id="openDialog" />

     <ul id="mylist">
     </ul>
<div id="attachment-modal-content">
        <h3>Attachment</h3>
        <ul class="attachment">
            <li id="imageBtn" class="green"><a href="#"><em><i class="fa fa-camera"></i></em><span>Image</span></a></li>
            <li id="audioBtn" class="red"><a href="#"><em><i class="fa fa-volume-up"></i></em><span>Audio</span></a></li>
            <li id="videoBtn" class="yellow"><a href="#"><em><i class="fa fa-video-camera"></i></em><span>Video</span></a></li>
            <li id="linkBtn" class="blue"><a href="#"><em><i class="fa fa-link"></i></em><span>Link</span></a></li>
        </ul>
        <ul class="attachList">

        </ul>
    </div>

</div>

</div>

按钮代码

$("#openDialog").on('click',function(){

  $("#attachment-modal-content").modal();

});

一旦我使用$('#mylist').append('<li><li>')加载日期，对话框就不会出现在第一个按钮点击上，它会出现当我移动屏幕时。

将动态数据加载到页面后，不会出现simplemodal

0 个答案: