最新版本号[免费下载]

jqMobi中 Actionsheet 插件的使用

作者:本站编辑 发布时间:2015-11-24 来源:本站原创 点击数:

1.引入

<script type="text/javascript" charset="utf-8" src="./plugins/af.actionsheet.js"></script>


2.写对应的js

<script>
        function showCustomHtmlSheet() {
            $("#afui").actionsheet('<a  >Back</a><a  onclick="alert(\'hi\');" >Show Alert 3</a><a  onclick="alert(\'goodbye\');">Show Alert 4</a>');
        }
        function showCustomJsonSheet() {
            $("#afui").actionsheet(
            [{
                text: 'back',
                cssClasses: 'red',
                handler: function () {
                    $.ui.goBack();
                }
            }, {
                text: 'show alert 5',
                cssClasses: 'blue',
                handler: function () {
                    alert("hi");
                }
            }, {
                text: 'show alert 6',
                cssClasses: '',
                handler: function () {
                    alert("goodbye");
                }
            }]);
        }
</script>


本文责任编辑: 加入会员收藏夹 点此参与评论>>
复制本网址-发给QQ/微信上的朋友
AI智能听书
选取音色