0

我正在使用 jquery-mobile 1.3.0 和 phonegap 2.8.0 从按钮调用对话框页面,事情是如下拨打电话

<div data-role="footer" data-position="fixed" data-theme="a" style="height: 0px; border: 0">
    <a id="btnHail" href="#confirm-address-dialog"  data-theme="e" data-rel="dialog">
                <i class="icon-phone"></i> Pedir Taxi
    </a>
</div>

但是当它第一次被调用时,对话框出现但它又回到了上一页。对话框代码如下:

<div data-role="page" id="confirm-address-dialog" data-theme="b">
        <div data-role="header" data-theme="e">
            <h1> Titulo </h1>
        </div>
        <div data-role="content" data-theme="b">
            <p>
                Are sure you want this?
            </p>
            <p>
                <b id="txtDataConfirm"></b>
            </p>
            <button id="btnHailConfirm" data-theme="e">
                <i class="icon-phone"></i> Ok
            </button>
        </div>
        <div data-role="footer" data-position="fixed" data-theme="a">
            <p>footer heading</p>
        </div>

</div>

这发生在 iPhone 4s(作为开发人员)上,但问题永远不会发生在 chrome 或 mozilla 上。我曾尝试使用弹出窗口,但使用弹出窗口有一些限制,它不会显示在我的页脚上。

我很感激任何帮助。

4

1 回答 1

0

我尝试了很多解决方案,但没有一个奏效。正如我之前所说,我的桌面上的 chrome 或任何浏览器都没有任何问题,但在我的 iPhone 上它不起作用。我发现错误主要在浏览器中。所以我将pushStateEnabled的配置设置为false。我通过执行以下操作来添加此脚本。

<script type="text/javascript">
$(document).bind("mobileinit", function(){
$.mobile.pushStateEnabled = false;
});
</script>

它应该在调用 jquery-mobile 脚本之前添加,有关更多信息,您可以在JQuery 描述中看到它

它解决了不再跳回的问题。

于 2013-07-10T04:04:03.073 回答