国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - 父選項卡bug,子選項卡好用,求解?

瀏覽:165日期:2023-06-08 17:27:41

問題描述

<!DOCTYPE html><html lang='zh-cn'> <head><meta charset='utf-8'><meta http-equiv='X-UA-Compatible' content='IE=edge, chrome=1'><meta name='viewport' content='width=device-width,initial-scale=1,user-scalable=0'><link rel='stylesheet' /><!--<link rel='stylesheet' href='http://www.cgvv.com.cn/wenda/css/main.css' />--><link rel='stylesheet' /><script src='http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script><script src='http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js'></script><style>ul, li{margin: 0;padding: 0;}.inform_v1{padding: 0;}#tab_t, #bab_t{overflow: hidden;}#tab_t li, #bab_t li{background-color: #99A0A1;display: inline-block;color: white;width: 80px;padding: 6.5px 0;text-align: center; -moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important; margin: 0 0 15px;}#bab_t li{width: 160px;}#tab_t li:hover, #bab_t li:hover{opacity: 1;filter: alpha(opacity=100);cursor: pointer;}#tab_t .act, #bab_t .act{background-color: #09A9B8;}</style> </head> <body class='index-head index-head2'><p class='container cont_topb mag_b6'> <p class='row'><p class='col-xs-12 col-sm-12 col-md-10'> <ul id='tab_t'><li class='act'>父A</li><li>父B</li><li>父C</li><li>父D</li> </ul> <p id='tab_c'><p class='a_b'> <p class='col-xs-12 back_whit inform_v1 commodity_0'><ul id='bab_t'> <li class='bct'>子A</li> <li>子B</li></ul><p id='bab_c'> <p class='b_b'>內容一</p> <p class='hide b_b'>內容二</p></p> </p></p><p class='hide a_b'>內容二</p><p class='hide a_b'>內容三</p><p class='hide a_b'>內容三</p> </p></p> </p></p> </body> <script type='text/javascript'>// 父選項卡控制 window.onload = function(){ tab('tab_t','li','tab_c','p','onclick') function tab(tab_t,tab_t_tag,tab_c,tag_c_tag,evt){var tab_t = document.getElementById(tab_t);var tab_t_li = tab_t.getElementsByTagName(tab_t_tag);var tab_c = document.getElementById(tab_c);var tab_c_li = document.getElementsByClassName('a_b');var len = tab_t_li.length;var i=0;for(i=0; i<len; i++){ tab_t_li[i].index = i; tab_t_li[i][evt] = function(){for(i=0; i<len; i++){ tab_t_li[i].className = ’’; tab_c_li[i].className = ’hide a_b’;}tab_t_li[this.index].className = ’act’;tab_c_li[this.index].className = ’a_b’; }} } };//子選項卡控制window.onload = function(){ bab('bab_t','li','bab_c','p','onclick') function bab(bab_t,bab_t_tag,bab_c,bag_c_tag,bvt){var bab_t = document.getElementById(bab_t);var bab_t_li = bab_t.getElementsByTagName(bab_t_tag);var bab_c = document.getElementById(bab_c);var bab_c_li = document.getElementsByClassName('b_b');var ben = bab_t_li.length;var i=0;for(i=0; i<ben; i++){ bab_t_li[i].index = i; bab_t_li[i][bvt] = function(){for(i=0; i<ben; i++){ bab_t_li[i].className = ’’; bab_c_li[i].className = ’hide b_b’;}bab_t_li[this.index].className = ’bct’;bab_c_li[this.index].className = ’b_b’; }} } }; </script></html>

問題解答

回答1:

window.onload方法被覆蓋了,把兩塊代碼放一塊,或者用addEventListener

回答2:

GlobalEventHandlers.onload

貌似window.onload在同一個html引入的js文件里只能寫一次。

你這樣寫試試:(我只是簡略的寫了代碼,沒測試,自己測測改改吧)

window.onload = function(){//父選項卡控制tab('tab_t','li','tab_c','a_b','act','p','onclick');//子選項卡控制tab('bab_t','li','bab_c','b_b','bct','p','onclick'); }; function tab(tab_t,tab_t_tag,tab_c,tab_c_li,tab_t_li,tag_c_tag,evt){var tab_t = document.getElementById(tab_t);var tab_t_li = tab_t.getElementsByTagName(tab_t_tag);var tab_c = document.getElementById(tab_c);var tab_c_li = document.getElementsByClassName(tab_c_li);var len = tab_t_li.length;var i=0;for(i=0; i<len; i++){ tab_t_li[i].index = i; tab_t_li[i][evt] = function(){for(i=0; i<len; i++){ tab_t_li[i].className = ’’; tab_c_li[i].className = ’hide ’+tab_c_li+’’;}tab_t_li[this.index].className = ’’+tab_t_li+’’;tab_c_li[this.index].className = ’’+tab_c_li+’’; }} }

標簽: JavaScript
主站蜘蛛池模板: 亚洲精品自产拍在线观看 | 视频一区亚洲 | 亚洲精品国产成人一区二区 | 国产性大片黄在线观看在线放 | www午夜| 色偷偷亚洲第一成人综合网址 | 久艹视频在线 | 男女乱淫真视频免费一级毛片 | 伊人热久久 | 亚洲成a v人片在线观看 | 99视频九九精品视频在线观看 | 久久这里只有精品免费播放 | 欧美成人亚洲国产精品 | 男人的天堂网在线 | 91亚洲精品国产第一区 | 久久国产视频在线观看 | 国产成人99精品免费观看 | 久色视频在线观看 | 国产午夜亚洲精品一区网站 | 波少野结衣在线播放 | 美国一级免费毛片 | 久久道| 97国产在线视频 | 一级黄色毛片播放 | 久久tv免费国产高清 | 国产人成午夜免费噼啪视频 | 免费看一区二区三区 | 久久免费手机视频 | 日韩男人的天堂 | 国内精品国语自产拍在线观看55 | 色噜噜狠狠大色综合 | 欧美日韩高清观看一区二区 | 国产91会所洗浴女技师按摩 | 青青影院一区二区免费视频 | 亚洲第一免费播放区 | 91精品全国免费观看 | 亚洲精品第五页 | 欧美成人网7777视频 | 超清波多野结衣精品一区 | 免费香蕉成视频成人网 | 美女黄视频在线 |