Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在webkit(Chrome/Safari)中设置左侧动画无法正常工作_Jquery_Jquery Animate - Fatal编程技术网

Jquery 在webkit(Chrome/Safari)中设置左侧动画无法正常工作

Jquery 在webkit(Chrome/Safari)中设置左侧动画无法正常工作,jquery,jquery-animate,Jquery,Jquery Animate,我在使用jquery图像幻灯片插件时遇到了一个问题,在创建幻灯片时,图像向左滚动。IE和FireFox工作正常,但Safari/Chrome(WebKit)无法工作 这是有问题的电话 $(".nav li").live("click", function () { if (lastSelected != null) $(lastSelected).removeClass("selected"); $(this).addClass("selected"); plac

我在使用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");

这是什么
last selected

你确定吗

$(lastSelected).removeClass("selected");  
你在工作吗

因为

lastSelected is an `object` not an attribute
试试这个(假设您有一个id属性)


这是什么
last selected

你确定吗

$(lastSelected).removeClass("selected");  
你在工作吗

因为

lastSelected is an `object` not an attribute
试试这个(假设您有一个id属性)


所以我做了一些调试,发现Chrome中的偏移量*imageWidth保持为0

找到的解决方案:


  • 这两个源代码帮助修复了最初的问题“jQuery获取图像高度或宽度返回0问题”。我现在使用的是上面第一个解决方案中的修复,效果很好。

    因此我一直在进行一些调试,发现Chrome中的偏移量*imageWidth保持为0

    找到的解决方案:


  • 这两个源代码帮助修复了最初的问题“jQuery获取图像高度或宽度返回0问题”。我现在使用的是上面第一个解决方案中的补丁,效果很好。

    你能给我们一个使用在线工具的演示吗?我们可以更轻松地测试它吗?你能给我们一个使用在线工具的演示吗?我们可以更轻松地测试它吗?谢谢Kanish,正如你在代码中看到的,lastSelect更改为$(此)它是当前对象,下一次运行时它是最后一个对象。这个很好用。因此,我一直在进行一些调试,发现(偏移量*图像宽度)在WebKit浏览器(Safari/Chrome)中保持为0,我对现在在这里使用的代码进行了一些修改:我不明白为什么该值在WebKit浏览器中不起作用;这就是我要看的地方,祈祷吧。经过进一步的调试,发现imageWidth在WebKit浏览器中无法获得图像宽度。我还发现WebKit修复程序会将图像宽度放入标记中。我更喜欢动态解决方案,在得到更好的解决方案之前不会关闭此线程。谢谢Kanish,正如您在代码中看到的,lastSelect被更改为$(this),这是当前对象,在下一次运行时,它是最后一个对象。这个很好用。因此,我一直在进行一些调试,发现(偏移量*图像宽度)在WebKit浏览器(Safari/Chrome)中保持为0,我对现在在这里使用的代码进行了一些修改:我不明白为什么该值在WebKit浏览器中不起作用;这就是我要看的地方,祈祷吧。经过进一步的调试,发现imageWidth在WebKit浏览器中无法获得图像宽度。我还发现WebKit修复程序会将图像宽度放入标记中。我更喜欢动态解决方案,在得到更好的解决方案之前不会关闭此线程。