在head中引入css文件: <link rel="stylesheet" href="./style/weui.css"/> #注意修改为自己的路径
在底部引入js文件:<script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>
在html中写入
<div> <a class="weui-cell weui-cell_access js_item" data-id="picker" href="javascript:;"> <div class="weui-cell__bd"> <p>Picker</p> </div> <div class="weui-cell__ft"></div> </a> </div>
#与自己在html中定义的元素id对应 例如我的示例data-id 为picker
$('#picker').on('click', function () { weui.picker([{ label: '飞机票', value: 0 }, { label: '火车票', value: 1 }, { label: '的士票', value: 2 },{ label: '公交票 (disabled)', disabled: true, value: 3 }, { label: '其他', value: 4 }], { onChange: function (result) { console.log(result); }, onConfirm: function (result) { console.log(result); }, title: '单列选择器' }); });