動畫左側在webkit（Chrome/Safari）中無法正常工作

Question

我有一個jquery圖像幻燈片插件問題，我正在處理圖像向左滾動創建幻燈片的位置。 IE和FireFox工作正常，但Safari/Chrome（WebKit）不會工作。

這個問題的電話

$(".nav li").live("click", function() { 
    if (lastSelected != null) $(lastSelected).removeClass("selected"); 
    $(this).addClass("selected"); 
    place = parseInt($(this).text()); 
    if (place > last) { 
     offset = parseInt(place - last); 
     direction = "-="; 
    } 
    else { 
     offset = parseInt(last - place); 
     direction = "+="; 
    } 

//這是它僅適用於IE和FF

$(".slideshow img").each(function() { 
     $(this).animate({ 
      left: direction + (offset * imageWidth) + "px" 
     }); 
    }); 

//我是不是做錯了什麼嗯？

reset = true; 
    last = place; 
    lastSelected = $(this); 
}).css("cursor", "pointer"); 

Answer 1

所以我一直在做一些調試的發現，彌補*圖片寬度在Chrome中保持爲0！

發現

解決方案：

1. Get the real width and height of an image with JavaScript? (in Safari/Chrome)
2. http://name1price.com/how-to-get-customers-with-singapore-web-design-basic/jquery-tutorials/149-jquery-get-image-height-or-width-returns-0-problem-.html

這兩個來源幫助修復 「的jQuery得到圖像高度或寬度，則返回0的問題」，這是最初的問題。我現在正在使用上面第一個解決方案中找到的修復程序，並且工作正常。

Answer 2

這是什麼lastSelected

你確定

$(lastSelected).removeClass("selected"); 

工作???

因爲

lastSelected is an `object` not an attribute 

試試這個（假設你有一個id屬性）

lastSelected = $(this).attr('id'); 

和

if (lastSelected != null) $('#'+lastSelected).removeClass("selected");