我的jquery图像滑块在chrome中并不流畅,但在firefox和IE中很好

时间:2012-04-03 14:09:05

标签: jquery google-chrome

所以我在这个页面上有这个非常简单的图像滑块 http://charlesbergertattoos.com/tattoos在IE和Firefox中运行良好。动画非常流畅,图像实际上是滑动的,但在镀铬中它根本不光滑。

2 个答案:

答案 0 :(得分:5)

  

因为在点击活动中您直接调用slider_animate()而不是调用您的插件

当你这样做时,

在chrome中slide_widths var为0,因为你在事件函数之外定义并执行了赋值逻辑,所以它的静态

你有2个选项将该行放在函数slider_animate

var slide_widths = $(e).find('.holder > li:first').width();  
//correct the variables name accordingly 

或调用插件函数本身imgSlider

答案 1 :(得分:0)

好吧,在caraousel.js就行了。 32

尝试使用与以下代码同义的内容而不是现有代码 我的意思是.animate()调用......应该像animate一样({marginLeft:“233px”})

$('.browse.button.next.right').parent().find('.holder').children('li').eq('0').animate({marginRight: "-233px"});

这将像上次点击一样工作

$('.browse.button.next.right').parent().find('.holder').children('li').eq('0').animate({marginLeft: "233px"})

这将作为下一次点击

这些语法在chrome和firefox中都有用。