PhoneGap中文网

标题: jqMobi 中弹出框的使用 [打印本页]
作者: admin    时间: 2014-3-1 14:28
标题: jqMobi 中弹出框的使用
1，引入js

  1. <script type="text/javascript" charset="utf-8" src="./plugins/af.popup.js"></script>
复制代码

2.写对应的方法


  3. <script>
  4.         function showPopup1() {
  5.                 $("#afui").popup("I'm replacing an alert box");
  6.         }

  8.         function showPopup2() {
  9.                 $("#afui").popup({
  10.                         title: "Alert! Alert!",
  11.                         message: "This is a test of the emergency alert system!! Don't PANIC!",
  12.                         cancelText: "Cancel me",
  13.                         cancelCallback: function () {
  14.                                 console.log("cancelled");
  15.                         },
  16.                         doneText: "I'm done!",
  17.                         doneCallback: function () {
  18.                                 console.log("Done for!");
  19.                         },
  20.                         cancelOnly: false
  21.                 });
  22.         }

  24.         function showPopup3() {
  25.                 $("#afui").popup({
  26.                         title: "Login",
  27.                         message: "Username: <input type='text' class='af-ui-forms'><br>Password: <input type='text' class='af-ui-forms' style='webkit-text-security:disc'>",
  28.                         cancelText: "Cancel",
  29.                         cancelCallback: function () {},
  30.                         doneText: "Login",
  31.                         doneCallback: function () {
  32.                                 alert("Logging in")
  33.                         },
  34.                         cancelOnly: false
  35.                 });
  36.         }
  37. </script>
复制代码


作者: 爱哭的鱼    时间: 2014-3-3 21:51
学习了，谢谢分享、、、
作者: 爱哭的鱼    时间: 2014-3-6 23:27
找到好贴不容易，我顶你了，谢了
作者: tianqingle    时间: 2014-5-13 16:36
楼主这个弹出框到平板上就变得很小影响阅读了 有木有解决办法啊
作者: admin    时间: 2014-5-13 16:39
tianqingle 发表于 2014-5-13 16:36
楼主这个弹出框到平板上就变得很小影响阅读了 有木有解决办法啊

改css 看看能解决不
作者: 734086392    时间: 2016-7-6 08:54
不错不错，大神啊



欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2