PhoneGap中文网

标题: jqMobi中 Actionsheet 插件的使用 [打印本页]
作者: admin    时间: 2014-3-1 14:26
标题: jqMobi中 Actionsheet 插件的使用

jqMobi中 Actionsheet 插件的使用

1.引入

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

2.写对应的js



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

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



作者: 爱哭的鱼    时间: 2014-3-3 16:57
这是东东好,支持一下 感谢楼主 好资源收藏了
作者: 小雪    时间: 2014-3-6 18:34
路过，支持一下啦
作者: 周周    时间: 2014-7-30 15:50
js哪里下载



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