猿问

简易轮播图属性绑定,通过按钮找到我是第几张图片,属性绑定是怎么实现的。

在 anniuzhi[i].zz = i 这里我是不明白,怎么绑定到第几张图片上的?用this是为了干嘛?

效果如下 ↓ 我鼠标移到第几个按钮,图片也随之切换。通过属性绑定来确定我是第几个图片,属性绑定这里自己还有点模糊。
https://img2.mukewang.com/5ca81264000196ca02800268.jpg


杨魅力
浏览 588回答 3
3回答

汪汪一只猫

其实比较简单,我举个例子,像我写这种的话一般都是通过在元素上绑定 data-id 来实现的。其实属性绑定在哪里不重要,重要的是怎么去设定属性可以让你自己好用一点,不一定要跟别人一样的。$('.target-li').on("mouseover",function(){    var $id = $(this).attr("data-id"); //这里其实就获取了对应属性    //然后把$id传到对应的函数中去就行了    doSomething($id);});

慕斯709654

117行,把zz绑在按钮上了,事件触发的时候读取zz就知道是第几个了
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答