JQuery的可見選擇不返回正確的索引

Question

我有這個簡單的代碼http://jsfiddle.net/U4Fj9/ 可見圖像的索引始終是3，它是最後的圖像而可視圖像是第一個 我知道這是很簡單，但可以」沒有看到我的代碼有什麼問題嗎？

Answer 1

見http://api.jquery.com/visible-selector/

元素與visibility：hidden的或不透明度：0被認爲是 可見的，因爲他們仍然在消耗佈局空間。在隱藏元素的 動畫期間，元素被認爲是 ，直到動畫結束。在動畫中顯示 元素時，該元素被視爲在 動畫的開始處可見。

該方法例如你原來一個replacment解決您的問題：

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