JQuery可见选择器不返回正确的索引

时间:2012-02-03 08:28:45

标签: jquery jquery-selectors visible

我有这个简单的代码http://jsfiddle.net/U4Fj9/ 可见图像的索引总是3,这是最后一个图像,而可见图像是第一个 我知道这很简单,但是在我的代码中找不到任何帮助吗?

2 个答案:

答案 0 :(得分:1)

请参阅http://api.jquery.com/visible-selector/

  

具有可见性的元素:隐藏或不透明度:0被认为是   可见,因为它们仍然占用布局中的空间。中   隐藏元素的动画,该元素被认为是   直到动画结束时才可见。在动画期间展示一个   元素,该元素在开始时被认为是可见的   动画。

这种方法例如作为原始版本的替换解决了您的问题:

$(document).ready(function() {
   $(".show img").css("display","none");
   $(".show img:first").css("display","inline");
   var curImg = $(".show img").filter(":visible").index();
   $(".curindex").html(curImg );
});

答案 1 :(得分:1)

试试这个:

$(document).ready(function() {
$(".show img").css("display","none");
$(".show img:first").css("display","block");
var curImg=$('.show img:visible');
var i= $("img").index(curImg);
$(".curindex").html(i);
});