Jquery绑定多个控件按钮同时处理多个按键artdialog播放视频

度娘很久，居然没有整套的artdialog播放视频方案，同时需要jquery绑定，一个函数搞定，那么就由我来跟大家分享吧。

1、把button和input成组排列，id顺序设置为1\2\3\4，其中input用来装数据

<button data-event="btn-show" id="btns_1">{$r.title}</button>
<input id="vsrc_1" value="{$r.fromlinkext}" style="display:none"></input>

<button data-event="btn-show" id="btns_2">{$r.title}</button>
<input id="vsrc_2" value="{$r.fromlinkext}" style="display:none"></input>

2、使用jquery来判断哪个button按了，然后遍历input，把对应的value找出来，用artdialog弹出去就ok了

<script src="/Public/Js/artDialog-master/lib/jquery-1.10.2.js"></script>
<script src="/Public/Js/artDialog-master/dist/dialog.js"></script>
<script>
		$("button[id^='btns_']").each( function(){ //获取所有的id为tochannel_开头的Button
			$( this ).bind("click" , function(){ //绑定当前点击的按钮
				var ids = $( this).attr("id"); //获取它的id属性值
				var arr = ids.split("_");
				var btnid = arr[1];
				var videosrc="";
				
				//console.log('btnid=',btnid);
				
				// 找对应的input
				$("input[id^='vsrc_']").each( function(){
					var src = $(this).attr("value");
					var vid = $(this).attr("id");
					var id_tail = vid.split("_")[1];
					
					if(id_tail == btnid){
						videosrc = src;
						return false;
					}
						
				});
				
				if(videosrc != ""){
					
					var d = dialog({
						title: 'Video',
						content: '<iframe src="'+videosrc+'" width="900" height="540"></iframe>',
					
						backdropOpacity:.9,
					});

					d.showModal();
				}else{
					console.log("video src is null,no video");
				}
			});
		});
		
    </script>

这里用到了iframe，具体在iqiyi里面有个分享选项里找就可以了。

• 上一篇： DHT11源代码STM32对接校验不对温度模块源程序
• 下一篇： IC推荐：SX1278，无线芯片433MHz