对jquery weui的select进行了封装，发现第一次调用不会弹出，第二次就行求解代码如下

发表于:2021-01-09

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

	<link rel="stylesheet" href="/go.html?url=https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
	<link rel="stylesheet" href="/go.html?url=https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">

	<body>
		<div class="weui-cells weui-cells_form">
		<div class="weui-cell">
			<div class="weui-cell__hd"><label class="weui-label">请选择职业</label></div>
			<div class="weui-cell__bd">
				<input class="weui-input" type="text" id="user">
			</div>
			</div>
			<div class="weui-cell">
			<div class="weui-cell__hd"><label class="weui-label">请选择职业</label></div>
			<div class="weui-cell__bd">
				<input class="weui-input" type="text" id="love">
			</div>
	</body>
	<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
	<script>
	 var arr=[
	 {
	 	title:"睡觉",
	 	value:"1"
	 },
	 {
	 	title:"打游戏",
	 	value:"2"
	 },
	 {
	 	title:"唱歌",
	 	value:"3"
	 },
	 ]
			$("#user").select({
			title: "兴趣爱好",
			autoClose:true,
			input:"请选择",
			closeText:"关闭",
			items: arr,
			onChange:function(){
				var str=$("#user").data("values");
				console.log(str);
			}
		})
			$("#love").on("click",function(){
				Restructure("#love");
			})
			function Restructure(id){
					$(id).select({
			title: "兴趣爱好",
			autoClose:true,
			items: arr,
			onChange:function(id){
				var str=$(id).data("values");
				console.log(str);
			}
		})	
			}
		
	 
		
	</script>

</html><!DOCTYPE html>
<html>

	<head>
		<meta charset

分享到：

非常感谢你花费了来阅读本文,如果你在本站获取到了新知识,那就请点击分享按钮将本站分享出去吧。

对jquery weui的select进行了封装，发现第一次调用不会弹出，第二次就行 求解 代码如下

对jquery weui的select进行了封装，发现第一次调用不会弹出，第二次就行求解代码如下