jQuery animate, không hoạt hình

Question

Tôi đang sử dụng hàm animate() để thay đổi vị trí nền của nút khi di chuột, vấn đề là thay vì 'làm động' nó chỉ đợi khoảng thời gian (500) và bung tới vị trí nền mới - không có chuyển đổi suôn sẻ.

$('.confirm').hover(function() { 
    $(this).animate({backgroundPosition: '0, -40px'}); 
}, function() { 
    $(this).animate({backgroundPosition: '0, 0'}); 
}); 

Đó là JS tôi đang sử dụng. Bất kỳ ý tưởng nào tại sao nó không chuyển đổi suôn sẻ? Nó hoạt động như một thời gian chờ. Tôi đã xác định cả jQuery và UI.

Cảm ơn!

Answer 1

Bạn không thể tạo hiệu ứng an toàn cho vị trí nền. thuộc tính Animation mong đợi một giá trị duy nhất, như opacity:1, left:'50px' vv

Plugin này nên thêm các chức năng bạn cần: http://www.protofunc.com/scripts/jquery/backgroundPosition/

Answer 2

Hãy thử dùng các hình ảnh động phần ra khỏi callback. Và gọi nó không đồng bộ, nhưng với .delay (500) trước nó.

Answer 3

Vâng, tôi không thể quản lý để có được nó để làm việc mà không có một plugin, nhưng tin tốt là có một. Bạn có thể thử http://www.protofunc.com/scripts/jquery/backgroundPosition/

chỉnh sửa .... chuột ... xin lỗi ... chỉ thấy đó là đã được đăng XD