jQuery 移动弹出窗口在新窗口中打开答案

【问题标题】：jQuery mobile popup opens in new windowjQuery 移动弹出窗口在新窗口中打开
【发布时间】：2012-09-27 15:21:16
【问题描述】：

我正在尝试在我的移动应用中弹出一个窗口。我的代码是这样的：

<a id="options" data-role="button" data-icon="gear" data-iconpos="notext" href="#optionsPopup" data-rel="popup" data-inline="true"></a>

<div data-role="popup" id="optionsPopup" data-overlay-theme="a" style="padding-top: 40px">
    <ul data-role="listview" data-inset="true" style="data-theme:a">
        <li><a href="#" id="go">Go to</a>
            <input name="goInput" type="hidden" data-role="datebox" id="goInput" data-options='{"mode": "calbox"}' />
        </li>
        <li>
            <a href="#" id="compare">Compare</a>
            <input name="compareInput" type="hidden" data-role="datebox" id="compareInput" data-options='{"mode": "calbox"}' />
        </li>
        <li><a onclick="goToday()" >Today</a></li>
    </ul>
</div>

当我单击#options 时，弹出窗口会打开，但不是在弹出窗口中，而是在新窗口中！

有人知道为什么会这样吗？？

【问题讨论】：

你在多个浏览器中试过了吗？某些浏览器具有在新标签页中打开弹出窗口的设置。
目前我在 Firefox 和 google chrome 中尝试。在我的带有 dolphin 浏览器和 Android 浏览器的手机上也无法正常工作！
似乎在这里正常工作jsfiddle.net/XJDGe 一定发生了其他事情，您没有在示例中显示。
对我来说它不起作用。它出现但不在弹出窗口中！它用弹出内容替换页面内容！

标签： jquery jquery-mobile popup

【解决方案1】：

您是不是要使用data-rel="dialog" 而不是data-rel="popup"？

如果是这样，您可以查看有关对话框文档here 的更多信息。

从 cmets 更新小提琴将获得 this。

【讨论】：

我试图做一个弹出窗口，但我不知道为什么不起作用！但是对话框满足了我的需求！！谢谢！！！