Html 我无法使对话框在单击附加listview中的链接时弹出

我正在使用此滑动删除此页面中的功能：

我面临的挑战是，在本例中，

ul

列表是使用ajax附加的。我设法在调用中包含锚标记，如下所示：

$('#myPostsList').append('<li class="ui-nodisc-icon" data-icon="listIcon" ><div class="behind"><a href="#myPopupDialog" data-rel="dialog" class="ui-btn delete-btn">Delete</a></div><a href="" data-myProfile='+item.myUserProfileID+' data-key='+item.myrandomPostId+'><img class="feedImage" src='+item.myPic+'></img><p><strong>'+item.myName+", "+item.myGender+'</p></strong>'
                                                 + '<p>'+item.myPost+'<p>'

                                                 + '<p class="ui-li-aside" ><time class="timeago" datetime='+item.myTime+'></time></p></a></li>'
                                                 );

                                }

                                });

---

如有任何提示/帮助，将不胜感激

我发现，为了在这种特殊情况下工作，弹出窗口需要嵌套在页面内，但不在

用弹出窗口替换对话框的范围内
data role=“popup”
并且在锚定中，
data rel=“popup”
@Omar感谢Omar，但它不工作。popup div在page div之外吗？您好@Omar，是的，包含该弹出的div在页面内。
 <div data-role="dialog" id="myPopupDialog">
        <div data-role="header">
            <h1>Delete post?</h1>
            <div data-role="content" class="ui-content">
                <h3 class="ui-title">Are you sure you want to delete this post?</h3>
                <p>This action cannot be undone.</p>
                <a href="#page-messages" class="ui-btn ui-corner-all ui-shadow ui-btn-     inline ui-btn-b" data-rel="back">Cancel</a>
                <a href="#page-messages" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back" data-transition="flow">Delete</a>
            </div>
        </div>
    </div> <!---------Popup to delete post------------>