javascript - 用于左右滚动的 Jquery .animate() 在 Firefox 中不起作用，但在 Chrome 中很好

Question

以下 jquery 在 firefox 中不工作，但在 chrome 中工作完美。参见 here以 fiddle 为例。有什么想法吗？

$('#next').click(function() {
          event.preventDefault();
          $('#imageSlider').animate({
            marginLeft: "-=200px"
          }, "fast");
       });
$('#prev').click(function() {
      event.preventDefault();
      $('#imageSlider').animate({
        marginLeft: "+=200px"
      }, "fast");
   });

Answer 1

您不需要删除 event.preventDefault()。您在 Firefox 中遇到错误:

event is not defined

因为您没有将 event 作为参数传递给您的回调函数。 Chrome 只是通过不停止 JavaScript 执行来实现容错。

代码应该是这样的:

$('#next').click(function(event) {  // Notice how I passed event as a parameter
          event.preventDefault();
          $('#imageSlider').animate({
            marginLeft: "-=200px"
          }, "fast");
       });