jquery - Div 过渡效果不起作用

Question

我想在我的 div“onclick”事件上添加 Transition: http://jsfiddle.net/nKtC6/698/ , (使用jquery) 它不起作用，所以这就是我想要的另一个示例(使用 CSS):http://jsfiddle.net/nKtC6/690/

我的 js 似乎有些问题:

$(function() {                       
  $("#icon").click(function() {
    $("animate1").removeClass("animate1-nomove").addClass("animate1-move");      
    $("animate2").removeClass("animate2-nomove").addClass("animate2-move");  
  });
});

和CSS

.animate1-nomove {left: -100px;}
.animate2-nomove {left: 0px;}

.animate1-move {left: 0px;}
.animate2-move {left: 150px; background-color: red;}

用js添加这个效果不行吗？我不喜欢 jquery animate(例如)，我更喜欢 css3 解决方案:)

Answer 1

您忘记在 $("animate1") 和 $("animate2") 中包含类选择器，应该是 $(".animate1 ") 和 $(".animate2")。