在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: '單列選擇器' }); });