|
@@ -538,21 +538,34 @@ var C = {
|
|
|
|
|
|
|
|
|
var $modFlash = $('.mod-flash')
|
|
|
-
|
|
|
+ /* 马丹这里牛逼。用open-mod-flash弄了一个数组一样的东西,通过这个判断触发的是哪个按钮,然后播放对应视频 */
|
|
|
$('body').on('click', '[open-mod-flash]', function () {
|
|
|
+ /* 给open-mod-flash绑定一个点击事件 正确的是给body绑定一个click,委托给open-mod-flash */
|
|
|
+ /* 这他妈body 又是哪个小饼干?? 是委托机制,暂时不知道为什么要干这种事 干这种事的原因是方便,这样给一个委托,然后后面在创建播放按钮,点击之后都能播放了 */
|
|
|
var index = $(this).attr('open-mod-flash')
|
|
|
+ /* attr()如果是只有一个名字,是传入属性名;如果参数是名+值(函数),是给属性名设置属性值 */
|
|
|
+ /* index赋值: */
|
|
|
+ /* 这个意思是判断是那一个open-mod-flash,然后让那个show */
|
|
|
$modFlash.eq(index).show()
|
|
|
+ /* 前面定义的变量,指向mod-flash的class,第index个show */
|
|
|
})
|
|
|
//弹窗视频关闭
|
|
|
$('body').on('click', '.mod-flash em', function () {
|
|
|
$(this).closest('.mod-flash').hide()
|
|
|
+ /* 向上找到最近的mod-flash,hide了 */
|
|
|
+ /* closest函数的作用是向上找到最近的一个目标parent元素,close是靠近的意思,st不知道是啥意思 */
|
|
|
})
|
|
|
|
|
|
//播放视频
|
|
|
$(".icon-play").click(function () {
|
|
|
if ($(this).attr('open-mod-flash')) return
|
|
|
-
|
|
|
+ /* 我觉得自定义属性就是单纯的存放值,并没有形成数据结构 */
|
|
|
+ /* 这个click的逻辑是这样的,如果open-mod-flash是true就返回;不然,就执行爸爸hide,叔叔大伯show */
|
|
|
+ /* 这里的return给谁呢? */
|
|
|
$(this).parent().hide().siblings().show();
|
|
|
+ /* 这tm不是要为难我么 */
|
|
|
+ /* siblings函数查找指定元素的同辈元素 */
|
|
|
+ /* 这里的顺序是什么呢,是parent元素hide了之后,parent的同辈元素show;还是parent元素hide,自己的兄弟元素show */
|
|
|
})
|
|
|
|
|
|
var modPicIndex = 0,
|