jQuery手机弹出窗口不'；通过ajax加载方法加载时无法打开

我的jQuery移动弹出窗口在通过ajax加载时不再“弹出”。我点击弹出窗口，但什么也没发生

这是我用来加载包含弹出窗口的内容的代码：

$(document).on("pagecreate", ".main", function () {
    $('.links').on('click', 'a', function () {
        $('.container').load(url + '.bin', function () {
            $(".pops").popup();
        });
        return false;
    });
})

我尝试使用

$（“.pops”）.popup（）初始化弹出窗口但这没有任何区别

有人知道我做错了什么吗

提前谢谢
 要使弹出窗口正常工作，它应该是page div的直接子项。如果将其放置在任何其他div中，它将发生故障

解决方案是在页面div中添加一个占位符div，
.load（“url.selector”）
1具体地说，将其替换为占位符，然后初始化它
.popup（）

目标页面

<div data-role="page">
  <div class=".popup-place-holder">
    <!-- place holder for popup -->
  </div>
</div>

-

1
。选择器
是弹出分区。
嗨，奥马尔，感谢您的努力和快速响应！我发现弹出窗口终究能工作——我使用了错误的选择器。
<div data-role="popup" id="pop" data-history="false" data-dismissible="false">
  <a href="#" data-rel="back" class="ui-btn-right ui-btn ui-btn-b ui-corner-all ui-btn-icon-notext ui-icon-delete ui-shadow">Close</a>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing...</p>
</div>

$(document).on("pagecreate", function () {
    $(".any-button").on("click", function () {
        $(".popup-place-holder").load("URL #pop", function (data) {
            var popup = $(this).find("#pop"); /* find popup inside place-holder */
            $(this).replaceWith(popup); /* replace place-holder with popup div */
            popup.popup(); /* initialize popup */
        });
    });
});