Question

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

Answer 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 );
});

Answer 2

试试这个：

$(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);
});

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

2 个答案: