2 gjfvip123 gjfvip123 于 2017.01.05 07:04 提问

求助前辈帮忙改下代码

我在自己项目里,有一些问题,
图片说明轮播广告问题:
对应轮播图片的hover总是慢半拍,具体效果看我代码就知道了,谢谢各位~~

轮播广告
 //将imgs数组的内容更新到页面
    updateView(){
        for(var i=0,lis='',idxs='';i<f0Imgs.length;i++){//遍历imgs数组,同时声明空字符串lis,idxs
            lis+=`<li><a herf=""><img src="${f0Imgs[i].src}" alt=""/></a></li>`;
            idxs+=`<li><a href=""><img src="${indexImg[i].src}"></a></li>`;
        }
        //设置$ulImgs的内容为lis,设置宽度为imgs数组的元素个数*LIWIDTH
        this.$ulImgs.html(lis).css('width',f0Imgs.length*this.LIWIDTH);
        //设置index_box的内容为idxs;
    //<!--<li class="inline_block"><a href="" class="inline_block hover_block "><b class="caret-to-top"></b><img src="img/display-control-1-1481109913.jpg" alt="" /></a></li>-->
        $('#banner .index_box').html(idxs).children('li').addClass('inline_block').children('a').addClass('inline_block');
        //设置index_box下的当前位置的li的class为hover
        $('#banner .index_box').children(`li:eq(${f0Imgs[0].i})`).children('a').addClass(' hover_block');//.children('b').addClass('caret-to-top')
    }
};![图片说明](http://img.ask.csdn.net/upload/201701/05/1483570367_405153.jpg)

1个回答

huhedong1182738042
huhedong1182738042   2017.01.05 09:21

看你代码。猜测当你移到第三个的时候,前两个都还有灰色边框。你代码里面只有设置样式,没有移除失去焦点的样式设置吧?

huhedong1182738042
huhedong1182738042 回复gjfvip123: $('#banner .index_box').children(li).children('a').removeClass(' hover_block');应该加上上面这句话即可
11 个月之前 回复
huhedong1182738042
huhedong1182738042 回复gjfvip123: 你没有设置鼠标选中移出时,事件,例如,我在2上,那其他样式都应该变为正常的,而非选中
11 个月之前 回复
gjfvip123
gjfvip123 是的呀。。。。
11 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!