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>
2017-05-22
.hide({ ?這里是沒有{ 這個括號的 ?格式錯誤
2017-06-13
大括號去了，你能執行？
2017-05-22
//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>