加载中…h5页面手机底部弹窗mobileSelect.js基本用法以及相应的网址详解
(2020-02-16 20:31:42)
标签：
mobileselect |
分类： js |
1.先引入js和css：
<head>
<link rel="stylesheet" type="text/css"
href="./css/mobileSelect.css">
<script src="./js/mobileSelect.min.js"
type="text/javascript"></script>
</head>
2.在页面定义一个容器，作为点击弹出下拉框的地方，例如我这里选择用input，id='trigger’不可缺少：
<input type="text"
id="trigger" placeholder="请选择企业" readonly
class='inputs'>
3.初始化组件
<script type="text/javascript">
var mobileSelect1 = new MobileSelect({
trigger: '#trigger',//
点击容器的ID
title: '单项选择',//
wheels: [
{data:['周日','周一','周二','周三','周四','周五','周六']}
],
position:[2] //Initialize positioning
});
</script>
</script>
效果是下面的：
其他扩展功能以及说明：
喜欢
0
赠金笔