我有带有导航按钮的滑块,并且当用户将鼠标悬停在按钮上时,我想显示正确的图像(幻灯片)。所以我用index()来计算悬停按钮的数量
var slideNr = $('.slidermenu li').index($('.activeslide'));
我检查了值,这工作正常。当我想将类(显示正确的图像)“ activeimg”添加到具有与按钮相同索引的img时,我的问题就开始了。
$('.sliderimage :eq(slideNr)').addClass("activeimg");
我尝试了:eq和:get,两个didint都想工作,有什么想法吗?
编辑:
的HTML
<div class="sliderimage">
<img src="img.jpg">
<img src="imga.jpg">
<img src="imgb.jpg">
<img src="imgd.jpg">
<img src="imgc.jpg">
</div>
<div class="slidermenu">
<ul>
<li>button1</li>
<li>button2</li>
<li>button3</li>
<li>button4</li>
<li>button5</li>
</ul>
JS
$(".slidermenu li").hover(
function () {
clearInterval(timer);
$('.slidermenu ul :not(this)').removeClass("activeslide");
$(this).addClass("activeslide");
var slideNr = $('.slidermenu li').index($('.activeslide'));
----problem-------------
$('.sliderimage img :not(:eq(slideNr))').removeClass("activeimg");
$('.sliderimage :eq(slideNr)').addClass("activeimg");
-----------------
},
function () {
timer = setInterval( slidedown, 3000);
}
我更喜欢使用eq函数。
根据jQuery文档:
给定一个表示一组DOM元素的jQuery对象,.eq()方法从该元素集中的一个元素构造一个新的jQuery对象。提供的索引标识此元素在集合中的位置。
$('.sliderimage').eq(slideNr).addClass("activeimg");
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句