Question

我正在使用jquery-mobile 1.3.0和phonegap 2.8.0从一个按钮调用一个Dialog页面，这样就可以按照以下方式调用

<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上。我曾尝试使用弹出窗口但是使用弹出窗口有一些限制，它没有显示在我的页脚上。

我感谢任何帮助。

Answer 1

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

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

应该在调用jquery-mobile脚本之前添加它，有关更多信息，您可以在JQuery description上看到它

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

调用对话框然后返回到调用对话框的页面

1 个答案: