PhoneGap中文网

 找回密码
 立即注册
查看: 22645|回复: 5
打印 上一主题 下一主题

jqMobi 中弹出框的使用

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2014-3-1 14:28:23 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
1,引入js

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

2.写对应的方法


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

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

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


it营
回复

使用道具 举报

1

主题

91

帖子

89

积分

注册会员

Rank: 2

积分
89
沙发
发表于 2014-3-3 21:51:28 | 只看该作者
学习了,谢谢分享、、、
it营
回复 支持 反对

使用道具 举报

1

主题

91

帖子

89

积分

注册会员

Rank: 2

积分
89
板凳
发表于 2014-3-6 23:27:56 | 只看该作者
找到好贴不容易,我顶你了,谢了
回复 支持 反对

使用道具 举报

0

主题

3

帖子

12

积分

新手上路

Rank: 1

积分
12
地板
发表于 2014-5-13 16:36:38 | 只看该作者
楼主这个弹出框到平板上就变得很小影响阅读了 有木有解决办法啊
回复 支持 反对

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
5#
 楼主| 发表于 2014-5-13 16:39:17 | 只看该作者
tianqingle 发表于 2014-5-13 16:36
楼主这个弹出框到平板上就变得很小影响阅读了 有木有解决办法啊

改css 看看能解决不
回复 支持 反对

使用道具 举报

0

主题

3

帖子

8

积分

新手上路

Rank: 1

积分
8
6#
发表于 2016-7-6 08:54:43 | 只看该作者
不错不错,大神啊
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-23 04:41 , Processed in 0.068307 second(s), 32 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表