jquery - 缺少 : after property id

Question

我是 jquery 新手..我失踪了:在 firebug 控制台中出现属性 id 错误后..我不太清楚这段代码有什么问题..

$('#mytable tr').click(function(){
   $(this).animate({padding-left: '+=50px'}, 2000);
  }, function(){
   $(this).animate({padding-left: '-=50px'}, 2000);
  });

Answer 1

您不能像这样使用 padding-left，您需要 "padding-left" 或 paddingLeft 作为属性名称，像这样:

$('#mytable tr').toggle(function(){
  $(this).animate({'padding-left': '+=50px'}, 2000);
}, function(){
  $(this).animate({'padding-left': '-=50px'}, 2000);
});

或者这个:

$('#mytable tr').toggle(function(){
  $(this).animate({paddingLeft: '+=50px'}, 2000);
}, function(){
  $(this).animate({paddingLeft: '-=50px'}, 2000);
});

在 jQuery 中，任何属性都会传递到 .animate()或.css()其中有大写字母gets replaced with -lower ，因此 paddingLeft 会在幕后转换为 padding-left。

编辑:如 Reigel在评论中指出，您不能将多个函数绑定(bind)到 click，我认为您的意思是 .toggle()这就是我上面所说的，它在每个click事件的函数之间交换。