hide的参数设置动画speed, easing,fn参数设置JQuery无法识别?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.11.0.min.js" ></script>
</head>
<style>
.left div,
.right div {
width: 100%;
height: 50px;
padding: 5px;
margin: 5px;
float: left;
border: 1px solid #ccc;
}
.left div {
background: #bbffaa;
}
.right div {
background: yellow;
}
</style>
<body>
<div class="left">
<h4>测试而</h4>
<div id="a3">hide动画操作easing</div>
<button>hide带动画</button>
<script type="text/javascript">
//点击buttom2 执行动画隐藏
$("button:last").click(function() {
console.log("-----------")
$("#a3").hide({//这里应去除大括号
"slow",
"swing",
function(){
alert('执行3000ms动画完毕')
}
})
});
</script>
</div>
</body>
</html>