AJAX通话中断动画[重复]

Question

This question already has answers here:

                </div>
            </div>
                    <div class="grid--cell mb0 mt4">
                        <a href="/questions/34838286/jquery-animate-not-working-on-background-color-property" dir="ltr">jQuery Animate not working on background-color property</a>
                            <span class="question-originals-answer-count">
                                (5 answers)
                            </span>
                    </div>
                    <div class="grid--cell mb0 mt4">
                        <a href="/questions/190560/jquery-animate-backgroundcolor" dir="ltr">jQuery animate backgroundColor</a>
                            <span class="question-originals-answer-count">
                                (17 answers)
                            </span>
                    </div>
            <div class="grid--cell mb0 mt8">Closed <span title="2019-05-31 15:34:41Z" class="relativetime">11 months ago</span>.</div>
        </div>
    </aside>

I'm trying to make a simple animation for a recently added element with ajax.

So inside success function and after working with my result I've tried this code.

success: function (result) {

   /* Working with result */

   $('myselector').animate({backgroundColor:'#4E1402'}, 300);

}

It does change the bg color but it look so ugly and not smooth as expected and this happen just inside the AJAX call. Please anyone can give me some advise to solve this. Thanks.

</div>