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

（あなたはid属性を持っていると仮定）これを試しているので* imageWidthは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 

は、だから私はいくつかのデバッグを行ってきたANオフセットすることを見出した

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

と

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