弹出一个对话框，在手机间隙中使用jquery手机

Question

我正在开发一个phonegap项目，我想弹出一个错误信息的对话框。我从jQuery移动版的演示中学到了一些东西，这是我使用它的代码 http://demos.jquerymobile.com/1.4.0/popup/#&ui-state=dialog 的链接，在我的js文件中，我使用popup（'open'）打开它。

这是我的 html 代码的一部分

<div data-role="popup" id="dialogZ" data-overlay-theme="b"  data-theme="a" data-dismissible="false" data-transition="pop">
  <div data-role="header" data-theme="b">
    <h1 align="center">Sign in failed</h1>
  </div>
  <div role="main" class="ui-content">
    <p id="SigninError"></p>
    <span align="center"><a href="#" class="ui-btn ui-corner-all ui-shadow" data-rel="back">OK</a></span>
  </div>
</div>

这是我的js代码的一部分

else if (data == "Error2") {
    var message = '<p align="center">Wrong username or password</p>';
    SigninError.empty().append(message);
    $('#dialogZ').popup('open');
    }

我想获得像演示一样的效果，但它没有奏效。

有人知道为什么吗？似乎我不能让 css 正常工作，但我包含了 jquery.mobile-1.4.0.css。需要帮助！！

Answer 1

是的，我在 4 个月前遇到了同样的问题，终于得到了解决方案。 当您在弹出窗口中附加内容时，您必须像这样调用.....

.JS

$('#dialogZ').popup();
$('#dialogZ').popup('open');

或

$('#dialogZ').popup();
setTimeout(function(){
$('#dialogZ').popup('open');
},100);

.HTML

数据角色弹出窗口必须位于调用页面的内容内

Answer 2

理想情况下，数据转换应该在触发弹出窗口的链接上。 由于您在代码中打开弹出窗口，因此 $（dialog）.open 函数还有一个附加属性，您需要将转换作为 Open 函数的一部分传递。