<!DOCTYPE html>
<html>
<head>
<title>mobileselec移動(dòng)端模似select滑動(dòng)選擇插件用法</title>
<link rel="stylesheet" type="text/css" href="css/mobileSelect.css">
<script type="text/javascript" src="js/jquery-3-3.1.min.js"></script>
<script type="text/javascript" src="js/mobileSelect.js"></script>
</head>
<body>
? ? <div id="trigger2">點(diǎn)我有意外</div>
</body>
</script>
? <script type="text/javascript">
var mobileSelect2 = new MobileSelect({
? ? trigger: '#trigger2',
? ? title: '地區(qū)選擇',
? ? wheels: [{data:[
? ? ? ? ? ? ? ? ? ? {id:'1',value:'附近'},
? ? ? ? ? ? ? ? ? ? {id:'2',value:'上城區(qū)'},
? ? ? ? ? ? ? ? ? ? {id:'3',value:'下城區(qū)'},
? ? ? ? ? ? ? ? ? ? {id:'4',value:'江干區(qū)'},
? ? ? ? ? ? ? ? ? ? {id:'5',value:'拱墅區(qū)'},
? ? ? ? ? ? ? ? ? ? {id:'6',value:'西湖區(qū)'}
? ? ? ? ? ? ? ? ]},
? ? ? ? ? ? ? ? {data:[
? ? ? ? ? ? ? ? ? ? {id:'1',value:'1000米'},
? ? ? ? ? ? ? ? ? ? {id:'2',value:'2000米'},
? ? ? ? ? ? ? ? ? ? {id:'3',value:'3000米'},
? ? ? ? ? ? ? ? ? ? {id:'4',value:'5000米'},
? ? ? ? ? ? ? ? ? ? {id:'5',value:'10000米'}
? ? ? ? ? ? ? ? ]}
? ? ? ? ? ? ],
? ? callback:function(indexArr, data){
? ? ? ? console.log(data); //返回選中的json數(shù)據(jù)
? ? }
});
? ? </script>
</html>
