javascript - 动画添加/删除类

Question

在此代码中添加和删除 #left 元素时，我希望使用 fadeIn/Out。您可以删除一个类并为同一元素设置动画吗？

 var window_width = $(window).width();
 var scroll_amount = window_width * .75;
 var left=$('#latest_wrapper');

 $('#latest_wrapper #right').click(function() {
    $('#left').removeClass('none');
    $('#latest_wrapper').scrollTo('+=' + scroll_amount, 300);   
 });    

 $('#latest_wrapper #left').click(function() {
    $('#latest_wrapper').scrollTo('-=' + scroll_amount, 300);

    actual_left = left.scrollLeft() - scroll_amount;
    if(actual_left <= 0){
        $("#left").addClass('none');
    }
 });


 # HTML page
 <div id="latest_wrapper" data-offset="1">

    <div id="left" class="arrow_wrapper none">
        <i class="icon-angle-left"></i>
    </div>
    <div id="right" class="arrow_wrapper">
        <i class="icon-angle-right"></i>
    </div>

    ... more

Answer 1

您可以删除一个类并为同一元素设置动画吗？ 对于你问题的这一部分我可以说:

   $("#left").addClass('none').fadeOut();

但是如果你遇到一些CSS会使class none不显示，那么你必须先做动画，然后添加你的class。

   $("#left").fadeOut('normal', function(){
        $(this).addClass('none');
   });

你可以用 fadeIn() 做同样的事情