PhoneGap中文网

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

jqMobi中 Actionsheet 插件的使用

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

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

jqMobi中 Actionsheet 插件的使用

1.引入

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

2.写对应的js



  1. <script>
  2.         function showCustomHtmlSheet() {
  3.             $("#afui").actionsheet('<a  >Back</a><a  onclick="alert(\'hi\');" >Show Alert 3</a><a  onclick="alert(\'goodbye\');">Show Alert 4</a>');
  4.         }

  5.         function showCustomJsonSheet() {
  6.             $("#afui").actionsheet(
  7.             [{
  8.                 text: 'back',
  9.                 cssClasses: 'red',
  10.                 handler: function () {
  11.                     $.ui.goBack();
  12.                 }
  13.             }, {
  14.                 text: 'show alert 5',
  15.                 cssClasses: 'blue',
  16.                 handler: function () {
  17.                     alert("hi");
  18.                 }
  19.             }, {
  20.                 text: 'show alert 6',
  21.                 cssClasses: '',
  22.                 handler: function () {
  23.                     alert("goodbye");
  24.                 }
  25.             }]);
  26.         }
  27. </script>
复制代码



it营
回复

使用道具 举报

1

主题

91

帖子

89

积分

注册会员

Rank: 2

积分
89
沙发
发表于 2014-3-3 16:57:50 | 只看该作者
这是东东好,支持一下 感谢楼主 好资源收藏了
it营
回复 支持 反对

使用道具 举报

6

主题

176

帖子

198

积分

注册会员

Rank: 2

积分
198
板凳
发表于 2014-3-6 18:34:06 | 只看该作者
路过,支持一下啦
回复 支持 反对

使用道具 举报

0

主题

5

帖子

18

积分

新手上路

Rank: 1

积分
18
地板
发表于 2014-7-30 15:50:44 | 只看该作者
js哪里下载
回复 支持 反对

使用道具 举报

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

本版积分规则

关闭

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

ionic4视频教程

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

GMT+8, 2024-11-22 22:49 , Processed in 0.063723 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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