hide的参数设置动画speed, easing,fn参数设置JQuery无法识别？
剑南青竹
2017-05-22 10:16
<!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>
4回答
-
- 阳同学
- 2017-05-22 14:24:24
.hide({ 这里是没有{ 这个括号的 格式错误
-
- 慕UI8178866
- 2022-07-23 04:36:36
可能是这里的宽度不够，自动隐藏了。我把这块代码复制到本来运行，是可以看到三个radio的。
-
- 慕前端1164157
- 2017-06-13 19:33:05
大括号去了，你能执行？
-
- 剑南青竹
- 2017-05-22 17:51:57
//hide内部参数直接用逗号隔开外面无大括号包裹 确实为格式错误
<h4>测试一</h4>
<div id="a2">hide动画操作</div>
<button>hide带动画</button>
<script type="text/javascript">
//点击buttom2 执行动画隐藏
$("button:eq(1)").click(function() {
$("#a2").hide({//存在大括号
duration:3000,//持续时间长度
complete: function() {
alert('执行3000ms动画完毕')
}
})
});
</script>
jQuery基础(四)—动画篇
85058 学习 · 262 问题
相似问题