js弹出层插件action-sheet

所属分类:UI-弹出层

 5660  20  查看评论 (4)
js弹出层插件action-sheet ie兼容9

这是一个类似IOS中ActionSheet的按钮组控件。

除了构造函数ActionSheet以外,它包含以下实例方法:

  • show

  • hide

  • update

安装

如果在Node.js环境中使用,通过以下命令安装它。

npm i -DS action-sheet
npm

引用

标签引入:

<script src="build/action-sheet.min.js"></script>

如果通过script方式引入,你可以通过全局变量ActionSheet来调用它。

CommonJS/CMD/AMD引入:

var ActionSheet = require('action-sheet');

ES6引入:

import ActionSheet from 'action-sheet';

创建ActionSheet

var as = new ActionSheet({
    buttons: {
        '点我': function(e){
            // 点击按钮的回调事件
        },
        '百度': 'http://baidu.com/', // 点击按钮跳转链接
    }
});

show

显示已经创建的ActionSheet实例

as.show();

hide

隐藏

as.hide();

update

更新按钮组内容

as.update({
    '重启手机': function(e){
        // 点击按钮的回调事件
    },
    '立即关机': function(e){
        // 点击按钮的回调事件
    }
});


相关插件-弹出层

jquery弹出框插件dialogbox

jquery弹出框插件dialogbox
  弹出层
 9830  24

弹出容易

具有重量轻的jQuery插件,是一个必须有任何开发人员可以轻松地创建模态窗口。应用蒙版到您的网页,打开一个可定制的模态窗口弹出,将焦点放在重要元素。
  弹出层
 18220  33

jquery弹出层(弹窗)插件SexyLightBox

sexylightbox插件是lightbox繁衍而来,但它比lightbox更性感、更轻。它的架构使得网页设计师更加易于安装和使用。 查看演示将告诉你为什么它被认为是“性感”。
  弹出层
 24742  47

界面通告对话框-BACKBONE.NOTIFIER

Backbone.Notifier是一款能都在网页中弹出对话框的Jquery插件,采用了css3的一些效果,支持多种模式,可运用不同的主题。
  弹出层
 10636  11

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    yesfly 0
    2016/12/19 12:12:59

    ISO,部分非原生安卓浏览器报错

    回复
    yBoy 0
    2016/12/16 16:12:56

    不能根据屏幕调整而自动缩放,这点很不好

        天气代表心情1
        2017/1/4 14:01:50

        给他加一个响应式标签:display:-webkit-flex

        最后的茶叶0
        2017/2/22 10:28:36

        样式可以改,套个bootstrap,瞬间变响应式

    回复
取消回复