现在在手机客户端上action sheet非常常见，比如微信中的分享按钮菜单，下面我们使用jqmobi实现一个action sheet，如下：
首先右击上面的按钮选择审查元素（我用的是Chrome浏览器，先按F12）
Show Custom Html Sheet
然后Ctrl + F查找 showCustomHtmlSheet()方法
立即学习“前端免费学习笔记（深入）”；
代码贴出如下：
function showCustomHtmlSheet() {
$("#afui").actionsheet('BackShow Alert 3Show Alert 4');
}我们可以看到上面的函数中有三个按钮链接，上图中最后一个Cancel是系统默认的取消按钮。
再Ctrl + F查找一个 plugins,可以看到如下一行
好吧我们下面开始在我们的工程中实现如上效果：
首先引入af.actionsheet.css文件
将上面的代码放入content中
jqMobi
//底部
运行结果：
以上就是小强的HTML5移动开发之路（38）——jqMobi插件ActionSheet的内容，更多相关内容请关注PHP中文网（www.php.cn）！
