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