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