課程
/前端開發
/jQuery
/jQuery基礎(四)—動畫篇
點擊button后對象開始hide和show 在hide和show過程中再次點擊 再show結束后 會再一次進行hide 怎么讓它只進行一次
2016-07-10
源自:jQuery基礎(四)—動畫篇 1-3
正在回答
//jquery回調函數 <script?type="text/javascript"> ????var?Blean=false; ????$("button").click(function(){ ????????if(Blean==false){ ????????????$("#a1").hide(3000).show(3000,function(){ ????????????????Blean=true; ????????????}); ????????} ????}); </script>
禁用按鈕
<script> ????$("button").click(function(){ ????????$("#a1").hide(3000).show(3000); ????????$(this).attr("disabled","disabled") ????}); </script>
學到了感謝上面的兩位
就像這樣呢,我嘗試是ok的
????<script?type="text/javascript"> var?click_flag?=?0; ????//點擊button ????//執行3秒隱藏 ????//執行3秒顯示 ????$("button").click(function()?{ ????????if(!click_flag){ click_flag?=?1; $("#a1").hide(3000).show(3000,function(){ click_flag?=?0; }) } ????}); ????</script>
可以布爾值click_flag=0,click后flag=1,當show()完成回調函數使flag再為0。那么click事件加一個if(!flag)判斷不就行了?
也許你可以在點擊后將按鈕 禁用
?$("button").click(function() {
? ? ? ? $("#a1").hide(3000).show(3000);
? ? ? ? $(this).attr("disabled","disabled");
? ? });
慕粉1888 提問者
Cassie_yu 回復 慕粉1888 提問者
$("button").click(function() {??????? $("#a1").toggle(1500);??? });
舉報
jQuery基礎教程動畫篇,講解jQuery基礎開啟動畫修煉
1 回答$("#a1").hide(3000).show(3000) $("#a1").hide().show()
2 回答jquery show,hide,toggle等方法在谷歌中失效在IE中有用
1 回答show不執行,hide沒問題
7 回答怎么讓hide().show()動畫無限循環?
2 回答$("#a1").hide(3000).show(), 將show()的參數去掉后出現的問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-07-10
禁用按鈕
學到了感謝上面的兩位
2016-10-22
就像這樣呢,我嘗試是ok的
2016-10-22
可以布爾值click_flag=0,click后flag=1,當show()完成回調函數使flag再為0。那么click事件加一個if(!flag)判斷不就行了?
2016-07-13
也許你可以在點擊后將按鈕 禁用
?$("button").click(function() {
? ? ? ? $("#a1").hide(3000).show(3000);
? ? ? ? $(this).attr("disabled","disabled");
? ? });
2016-07-11
$("button").click(function() {
??????? $("#a1").toggle(1500);
??? });