动画片在webkit中无法正常工作(Chrome / Safari)

时间:2011-11-12 14:13:34

标签: jquery jquery-animate

我有一个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");

1 个答案:

答案 0 :(得分:1)

这是lastSelected

的内容 你确定

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

正在工作???

因为

lastSelected is an `object` not an attribute

试试这个(假设你有一个id属性)

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

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