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

时间:2012-09-27 15:21:17

标签: jquery jquery-mobile popup

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

<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时,弹出窗口会打开,但不会在弹出窗口中打开,而是在新窗口中打开!

有谁知道为什么会发生这种情况?

1 个答案:

答案 0 :(得分:2)

您是否意味着使用data-rel="dialog"代替data-rel="popup"

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

从评论中更新小提琴会让你this