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

我正在使用jquery创建对话框，但现在问题出在我正在添加的一个html页面上

li

元素是动态的，当我点击一个按钮时，我尝试触发

$（“附件模态内容”）。模态（）

对话框不会出现，直到我再次点击屏幕或移动屏幕。我一移动屏幕，它就出现了

值得注意的是，如果我没有在页面中加载任何

li

元素，它会正常弹出

下面是示例页面，最初

附件模式内容

设置为

显示：无

<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>

一旦我使用

$（“#mylist”）.append（“
”）

加载日期，第一次单击按钮时不会出现对话框，它会出现

---

当我移动屏幕时。

你的意思是

$（“#openDialog”）

#

不是

$

还是打字错误？没关系，你能创建一个简单的小提琴来重现问题吗？不知道该怎么做使用哪个jQM版本？我想它与jquery mobile不起作用

http://jsfiddle.net/szjhu/6/

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

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

});