javascript - 使用 css3 滑动图像

Question

我正在尝试制作一个简单的图像滑块。

这是javascript代码：

$(document).ready(function() {
  $('#slide1_images').on('click', 'img', function(){ 
    $("#slide1_images").css("transform","translateX("+$(this).index() * -450+"px)");
  });
});

问题似乎是它没有点击正确的图像，但它需要点击下一张。为什么？

这是可运行的示例：

http://jsfiddle.net/y4BkQ/

Answer 1

.index() 返回一个基于 0 的索引。+ ($(this).index() + 1) * 450 +