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