課程
/前端開發
/JavaScript
/Tab選項卡切換效果
剛才看到不一樣的效果,實現一下。
2015-05-12
源自:Tab選項卡切換效果 1-5
正在回答
我也遇到了這個問題,不知你解決沒有?
我發現原因是第一次點擊時,CSS中display屬性被設為none的ul元素,通過alert(uls[this.idex].style.display)方法顯示的結果是空字符,只有第二次點擊時才會顯示none,這樣就導致第一次點擊時會執行else中的內容,結果看上去沒有變化。我沒有想通為什么第一次點擊display屬性沒有值,不知道你現在是否知道原因?如果知道請分享下,謝謝。
目前我的解決辦法是將判斷語句if(uls[this.idex].style.display == "none")改為if(uls[this.idex].style.display == 'none'||uls[this.idex].style.display == '')
Groune 提問者
東風破 回復 Groune 提問者
? ? ? ? ? ? ? ? if(uls[this.idex].style.display == "block"){
? ? ? ? ? ? ? ? ? ? uls[this.idex].style.display="none";
? ? ? ? ? ? ? ? }else {
? ? ? ? ? ? ? ? ? ? for(var j=0;j<uls.length;j++){
? ? ? ? ? ? ? ? ? ? ? ? uls[j].style.display="none";
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? uls[this.idex].style.display="block";
? ? ? ? ? ? ? ? }
為什么第一次點擊隱藏的列表沒有反應,點第二次或者點顯示的列表就沒問題,本地測試時沒有出現這種情況啊。
舉報
本課程詳細介紹網頁頁面中最流行常用的tab切換效果
1 回答我照著視頻代碼打的怎么效果實現的不一樣
2 回答應該是這樣的效果吧
2 回答另外一種JQ效果
4 回答為什么這樣寫達不到效果?i的值傳不到function內嗎?
1 回答為什么我做的不出效果????
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-05-15
我也遇到了這個問題,不知你解決沒有?
我發現原因是第一次點擊時,CSS中display屬性被設為none的ul元素,通過alert(uls[this.idex].style.display)方法顯示的結果是空字符,只有第二次點擊時才會顯示none,這樣就導致第一次點擊時會執行else中的內容,結果看上去沒有變化。我沒有想通為什么第一次點擊display屬性沒有值,不知道你現在是否知道原因?如果知道請分享下,謝謝。
目前我的解決辦法是將判斷語句if(uls[this.idex].style.display == "none")改為if(uls[this.idex].style.display == 'none'||uls[this.idex].style.display == '')
2015-06-01
? ? ? ? ? ? ? ? if(uls[this.idex].style.display == "block"){
? ? ? ? ? ? ? ? ? ? uls[this.idex].style.display="none";
? ? ? ? ? ? ? ? }else {
? ? ? ? ? ? ? ? ? ? for(var j=0;j<uls.length;j++){
? ? ? ? ? ? ? ? ? ? ? ? uls[j].style.display="none";
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? uls[this.idex].style.display="block";
? ? ? ? ? ? ? ? }
2015-05-12
為什么第一次點擊隱藏的列表沒有反應,點第二次或者點顯示的列表就沒問題,本地測試時沒有出現這種情況啊。