javascript - jQuery animate を使用して background-position-x をインクリメントしますか?

Question

jQuery animate を使用して DIVs background-position-x をアニメーション化することは可能ですか?

理想的には、クリックすると background-position-x が 20% 増加します。

これまでの私のコードは次のとおりです。

$('.cycle').click(function() {
    $(this).animate({ 'background-position-x': '+20%' }, 500, 'linear');
});

ただし、最初のクリックでのみ機能します。

ありがとう！

Answer 1

これを試して

$('.cycle').on('click', function() {
    $(this).animate({ 'background-position-x': '+=20%' }, 500, 'linear');
});