av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

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

javascript - 如何用數據驅動的方式寫tab選項卡?

瀏覽:131日期:2023-04-09 16:58:24

問題描述

希望大家講講用js或者jquery的例子,不要用vue等框架

抱歉沒有說清楚,我的意思是用數據來驅動Ui的更新,而不是一邊要更新數據,一遍還要跟新UI,像下面的例子

var tabSwitch = (function(){var lastIndex = 0;return function(){ // 點擊tab導航,觸發tab切換事件 $(’.oa-tab’).on('click', '.oa-tab-nav', function(e){var index = $(this).index();$('.oa-tab').trigger('tab.switch', index); }); $('.oa-tab').on('tab.switch', function(e, index){// 更新tab導航$('.oa-tab-nav').eq(lastIndex).removeClass(’active’);$('.oa-tab-nav').eq(index).addClass(’active’);// 更新tab內容$('.oa-tab-item').eq(lastIndex).removeClass(’active’);$('.oa-tab-item').eq(index).addClass(’active’);lastIndex = index; }); // 初始化觸發 $('.oa-tab').trigger('tab.switch', 0);}; })(); tabSwitch();

問題解答

回答1:

樓主說的顯示區域只有一個,只是根據上面的選項來重新生成加載數據在該顯示區域?如果是這樣子的話,其實就是點擊選項的時候,先清空顯示區域,再調用對應的數據并生成對應的樣子然后添加到該顯示區域就可以了

回答2:

數據驅動?你的意思是點擊tab的時候動態ajax請求數據?

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 日日干天天操 | 亚洲精品视频一区 | 中文字幕av网站 | 婷婷色综合 | 日韩在线不卡视频 | av免费在线播放 | 国产高清一区二区三区 | h片在线看 | 羞羞视频免费观看入口 | 国产成人精品在线 | 国产精久久久 | 一二三在线视频 | 日韩精品在线免费观看 | 精品少妇一区二区三区在线播放 | 91社影院在线观看 | 久久国产精品一区二区三区 | 亚洲免费视频一区 | 国产大学生情侣呻吟视频 | 久久青草av | 午夜久久久 | 欧美一级毛片免费观看 | 国产电影一区二区三区爱妃记 | 天堂网av在线 | 久亚州在线播放 | 欧美福利精品 | 精品国产精品国产偷麻豆 | 中文字幕不卡在线88 | 波多野结衣一区二区 | 亚洲九九 | 亚洲精品福利视频 | 久久久久久国产 | 在线观看中文字幕 | 91国内精精品久久久久久婷婷 | av黄色网| 国产成人艳妇aa视频在线 | 在线免费观看成人 | 久久成人一区二区三区 | 97色伦网 | 日韩欧美在线一区 | 7799精品视频天天看 | 久久中文字幕电影 |