0
我用隐藏了thumb-wrapper。在悬停时,我将拇指从隐藏状态滑出。现在我展示他们全部。我宁愿只显示我想要的图像。jquery按整数选择某个孩子
由于我在表示幻灯片编号的缩略图链接上有一个数据数据属性,我认为最简单的方法是定位一个孩子。淡入小孩2,或小孩3,yata yata yaa。
我认为eq()是正确的方法,并没有成功。
即:$('.orbit-hacked-thumb').eq(2).fadeIn("200");
即$('.orbit-hacked-thumb:eq(2)').fadeIn("200");
我省略了选择标记,都好有。
如何使用整数并选择该孩子?
任何帮助,将不胜感激。
<div class="thumb-wrapper">
<img src="/assets/hpr/carousel/demo-beyonce.png" class="orbit-hacked-thumb"/>
<img src="http://thetfs.ca/wp-content/uploads/2010/04/black-square.jpg" class="orbit-hacked-thumb" style="height:45px;"/>
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
</div>
JAVASCRIPT
//hover trigger thumbnails
$('.orbit-hacked-thumb').hide();
$('.orbit-bullets li').mouseover(function() {
child = $(this).attr("data-orbit-slide-number")
$('.orbit-hacked-thumb').fadeIn("200");
console.log(child);
}),
$('.orbit-bullets li').mouseout(function() {
$('.orbit-hacked-thumb').hide();
});
对不起,是的,我省略了正在悬停的链接的标记。选择器是正确的。 – jahrichie