jquery - 按下提交按钮的动画背景？

Question

我正在尝试为提交按钮制作动画。

我有以下 html:

<input id="save" val="save" />

和CSS:

#save { background: #ccc; }

.saving { background: #ccc url(/img/savingstripes.png) repeat; }

和jquery:

$('#save').click(function(e) { 

  e.preventDefault();

  $(this).addClass('saving').animate({backgroundPosition: '100px 0px'});

})

当我按下这个按钮时，我得到的只是添加到按钮上的“保存”类，但没有动画。

我错过了什么？ (注意:我有 backgroundPosition plugin )

Answer 1

我知道发生了什么...这是您的 background: #ccc; 声明。出于某种原因，它需要是 background-color: #ccc; 并且不会以任何其他方式工作。 See here .