<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div {
width: 100px; height: 100px; background: #eee;
}
.slide-left {
-webkit-transition: margin-left 1s ease-out;
-moz-transition: margin-left 1s ease-out;
-o-transition: margin-left 1s ease-out;
transition: margin-left 1s ease-out;
}
</style>
</head>
<body>
<div class="slide-left"></div>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
var $slide = $('.slide-left');
$slide.css({
"margin-left": "100px"
});
//console.log($slide.css('padding'));
$slide.addClass('slide-left');
$slide.css({
"margin-left": "10px"
});
</script>
</body>
</html>
其中如果我将console 注释掉,动画效果就不会生效,如果不注释掉,就生效.
我想问一下这个是什么原因?
来源: https://zhuanlan.zhihu.com/p/...
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…