javascript - 弹出对话框在手机间隙使用 jquery mobile

Question

我正在开发一个 phonegap 元素，我想弹出一个错误信息对话框。我从 jQuery Mobile 的演示中学习了一些，这里是链接 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');
    }

我想要像demo一样的效果，但是没有效果。

谁知道为什么？看来我不能让 css 正常工作，但我已经包含了 jquery.mobile-1.4.0.css。需要帮助!!

Answer 1

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

JS

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

或

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

HTML

您的数据 Angular 色弹出窗口必须在调用页面的内容中