javascript - jquery使用问题？

Question

jquery用到过的class 之后用css设置了变换 没有反应 该如何解决？

我对icon01设置了css3样式，在运行时没有显示效果

Answer 1

1.从截图看，你是给 icon01 设置了事件，给 .page-3 设置了 样式。而不是你说的【我对icon01设置了css3样式，在运行时没有显示效果】—— 要理清思路，代码将逻辑，说话也要逻辑。

2.jQuery中的 slideUp、slideDown、fadeIn、fadeOut、fadeTo、animate 通常需要添加一个额外的方法，以防止动画重复执行，如：

// stop( 是否清空动画序列, 是否执行到当前动画最后 )
$('selecter').stop(true,true).slideUp();

3.看截图的代码，其实你可以这样写：

var $icon01 = $('.icon01'),
    $page2 = $('.page-2'),
    $page3 = $('.page-3');
    
// 事件绑定    
$icon01.on('click', function(e){
    e.preventDefault();
    
    // 执行动画
    $page2.stop(true,false)
          .slideUp( 2000, function(){
              // 调整样式，看上去 page,page-3 貌似是通用的属性；
              $page3.removeClass('hide')
                    .addClass('current');
          });
});

希望能帮到你！

Answer 2

问题在于你是通过类选择器选择的节点$('.page-3'),你$('.page-3').removeClass('hide page page-3')之后.page-3已经被你清除了。清除之后，你根本没有获取到该节点addClass怎么会起作用呢。

Answer 3

因为你用了覆盖，所以JQ设置的样式，css样式表改了没用（我已经尽力在猜你的意思了！！！）