PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3344|回复: 5

jqMobi 中弹出框的使用

[复制链接]

485

主题

2019

帖子

6660

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6660
发表于 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 | 显示全部楼层
楼主这个弹出框到平板上就变得很小影响阅读了 有木有解决办法啊
回复 支持 反对

使用道具 举报

485

主题

2019

帖子

6660

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6660
 楼主| 发表于 2014-5-13 16:39:17 | 显示全部楼层
tianqingle 发表于 2014-5-13 16:36
楼主这个弹出框到平板上就变得很小影响阅读了 有木有解决办法啊

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

使用道具 举报

0

主题

3

帖子

8

积分

新手上路

Rank: 1

积分
8
发表于 2016-7-6 08:54:43 | 显示全部楼层
不错不错,大神啊
回复 支持 反对

使用道具 举报

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

本版积分规则

关闭

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

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

GMT+8, 2018-7-18 23:58 , Processed in 0.350382 second(s), 38 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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