pushbutton 移动端弹出列表选择框

npm install pushbuttonjs

<section id="pushbutton"></section>

<script src="../build/pushbutton.min.js"></script>

new Pushbutton('#pushbutton', {
    data: [
        {text:'拍照', cls: 'photo', attr: {'data-key': 'photo'} },
        {text:'录像', attr: [
            {key1: 'video2'},
            {key2: 'video2'}
        ]},
        {text:'语音录入'}
    ],
    // 点击回调 返回true 则不隐藏弹出框
    onClick: function( e ) {
        console.log(e);
        // 返回主要有用数据
        // e.target  当前dom节点
        // e.data  当前点击的data
        // e.index  当前点击的选择是第几个
        return true;
    },
    // maxHeight: 100,  // 默认显示的高度
    isShow: true   // 默认是否显示
});
var dom = document.getElementById("pushbuttonClick");
var refresh = document.getElementById("refresh");

dom.onclick = function () {
    pub.show();
}
refresh.onclick = function () {
    pub.refresh({
        data: [{text: '1321321321'}]
    });
}

options.data = [
    {text:'拍照', cls: 'photo', attr: {'data-key': 'photo'} },
    {text:'录像', attr: [
        {key1: 'video2'},
        {key2: 'video2'}
    ]},
    {text:'语音录入'}
]

options.onClick = function( e ) {
    console.log(e);
    // 返回主要有用数据
    // e.target  当前dom节点
    // e.data  当前点击的data
    // e.index  当前点击的选择是第几个
    return true;
}

options.maxHeight = 100  // 默认显示的高度

options.isShow = false   // 默认是否显示  默认不显示

Pushbutton.show()   // 显示

Pushbutton.hide()   // 隐藏

Pushbutton.refresh({
    .. // options 可以传options
})   // 刷新