Question

我想在我的div上添加Transition＆＃34; onclick＆＃34;事件）： 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动画（例如），我更喜欢css3解决方案：）

Answer 1

您忘记在$("animate1")和$("animate2")中添加班级选择器，应该是$(".animate1")和$(".animate2")。

Answer 2

您selectors #icon.click callback内的$("animate1").removeClass("animate1-nomove").addClass("animate1-move"); $("animate2").removeClass("animate2-nomove").addClass("animate2-move"); // should be $(".animate1").removeClass("animate1-nomove").addClass("animate1-move"); $(".animate2").removeClass("animate2-nomove").addClass("animate2-move");语法错误，您错过了课程的点数：

click

也就是说，这是hover事件而不是{{1}}的工作示例：
http://jsfiddle.net/ffNw6/

Div过渡效果不起作用

2 个答案: