<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">? ? <head>? ? ? ? <title>toggle()方法的動畫切換效果</title>? ? ? ? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>? ? ? ? <link href="style.css" rel="stylesheet" type="text/css" />? ? </head>? ??? ? <body>? ? ? ? <h3>toggle()方法的動畫切換效果</h3>? ? ? ? <div>? ? ? ? ? ? <h4>? ? ? ? ? ? ? ?<span class="fl">我喜歡吃的水果</span>? ? ? ? ? ? ? ?<span class="fr" id="spnTip">顯示</span>? ? ? ? ? ? </h4>? ? ? ? ? ? <ul>? ? ? ? ? ? ? ? <li>蘋果</li>? ? ? ? ? ? ? ? <li>甘桔</li>? ? ? ? ? ? ? ? <li>梨</li>? ? ? ? ? ? </ul>? ? ? ? </div>? ? ? ??? ? ? ? <script type="text/javascript">? ? ? ? ? ? $(function () {? ? ? ? ? ? ? ? var $spn = $("#spnTip");? ? ? ? ? ? ? ? $("h4").bind("click", function () {? ? ? ? ? ? ? ? ? ??? ? ? ? ? ? ? ? ? ? $("ul").toggle(function(){? ? ? ? ? ? ? ? ? ? ? ? alert(1);? ? ? ? ? ? ? ? ? ? },function(){? ? ? ? ? ? ? ? ? ? ? ? alert(2);? ? ? ? ? ? ? ? ? ? })? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? });? ? ? ? ? ? });? ? ? ? </script>? ? </body></html>//點擊h4 ? 每次只會alert(2)； 有沒高手知道為什么？
1 回答
已采納
pardon110
TA貢獻1038條經(jīng)驗 獲得超227個贊
你用的jq版本是1.9，在此版本中.toggle(fn,fn)的api已經(jīng)被移除，詳情見jq1.9.0升級指引。如若繼續(xù)使用會出現(xiàn)意外情況。
-
簡約321是這樣?。?/div>
添加回答
舉報
0/150
提交
取消