Question

当我使用jQuery Mobile和PHP完成响应式Web时，我现在正在美化一些数据转换和弹出窗口。

我现在面临两个问题:(第一个问题解决了）

我有一个＆＃34; ShowMessage＆＃34;将显示指定消息和重定向URL的函数。一旦用户点击＆＃34; OK＆＃34;按钮，它将被重定向。

PHP本身运行得很好但不是jQuery Mobile。 PHP将把一些消息和URL转移到名为showmessage.php的PHP文件中。然后showmessage.php将处理消息和URL，然后使用CSS和JS输出为普通HTML。

当PHP完成他的工作时，将显示该页面。我测试了4种类型的浏览器（主要是Chrome和Safari，因为该网站适用于移动设备用户，主要是用于浏览器）。 Chrome按预期工作（虽然有点流离失所但我会试着弄清楚）并且Safari没有。

showmessage中的HTML使用＆＃34; POPUP＆＃34;来自jQuery Mobile的功能，在正常情况下，页面会自动弹出并显示对话框和一个＆＃34; OK＆＃34;按钮。用户点击＆＃34; OK＆＃34;按钮它将被重定向。

对于Safari，我可以看到对话框出现约0.1秒，对话框消失，并留下空白页。

我只为我的HTML实现了以下代码：

$(document).on("pagecreate", "#infoMsg", function () {
    $('#infoMsgPopup').popup('open');
});

您可以在JSFiddle中查看它：http://jsfiddle.net/m6j4evbr/2/ （请不要告诉我你看到代码有效因为你没有使用Safari ）

通过评论解决了上述问题

<小时/> 以下问题仍未解决。

好的，第二个问题是：
我在页脚中有一个导航栏。左侧是主页的按钮，右侧是将人员记录下来。

当用户点击＆＃34;退出＆＃34;时，它会弹出一条消息（我承认我喜欢使用POPUP，因为移动设备喜欢它）并询问使用＆＃34;您确定要退出吗？＃34;有两个按钮＆＃34;是＆＃34;和＆＃34;不＆＃34;。如果用户点击＆＃34;否＆＃34;，则返回到屏幕，如果用户点击＆＃34;是＆＃34;，系统会将用户注销。

    <div data-role="navbar">
        <ul>
            <li><a href="index.php?p=main" data-transition="pop" data-direction="reverse" data-icon="home">Home Page</a></li>
            <li><a href="#logoutMsgPop" data-rel="popup" data-position-to="window" data-transition="pop" data-icon="power">Logout</a></li>
        </ul>
    </div>
    <div id="logoutMsgPop" data-role="popup" data-overlay-theme="b" data-dismissible="false" data-history="false" style="max-width: 480px;">
        <div data-role="header">
            <h3 style="margin-top: -1em;">Logout</h3>
        </div>
        <div data-role="main" class="ui-content">
            <p align="center" style="margin-bottom: 1em;">Are you sure to Logout?</p>
            <p align="center">
                <a href="index.php?p=logout" class="ui-btn ui-btn-a ui-shadow ui-corner-all ui-icon-check ui-btn-icon-right ui-btn-inline" data-transition="pop" data-direction="reverse">Yes</a>
                <a href="#" class="ui-btn ui-btn-a ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-right ui-btn-inline" data-rel="back">No</a>
            </p>
        </div>
    </div>

我不知道问题是否与网址有关。

实际上几乎每个链接都跟着一个问号＆＃34;？＆＃34; （例如：index.php？page = main）如果我点击#logoutMsg（该链接将弹出一个对话框），有时会失败。我不知道它为什么有时会起火而且有时不起火，我在这里寻求解决方案。

非常感谢你。我希望你们不要认为这是TL; DR。

jQuery Mobile Popup无法正常触发

0 个答案: