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
相關文章:
主站蜘蛛池模板: 日本久久久影视 | 中日韩毛片 | 91精品国产乱码久久久久久 | aacc678成免费人电影网站 | 一区二区中文字幕 | 欧美一级片在线看 | 日韩小视频在线 | 一区二区国产精品 | 国产精品视频一区二区三区 | 人操人免费视频 | 亚洲欧美一区二区在线观看 | 日韩三级电影一区二区 | 国产又色又爽又黄又免费 | 91天堂网 | 国产精品亚洲一区二区三区在线 | 亚洲精美视频 | 日日夜夜精品视频 | 国产精品18hdxxxⅹ在线 | 精品一区二区三区四区五区 | 一级a性色生活片久久毛片波多野 | 天天干天天爽 | 国产高清在线精品一区二区三区 | 精品免费看 | 成人欧美一区二区三区黑人孕妇 | 欧美一区二区三区四区五区无卡码 | 黄色毛片视频 | 欧产日产国产精品v | 亚洲国产精品久久久久婷婷老年 | 免费观看羞羞视频网站 | 成人精品国产免费网站 | 久久噜噜噜精品国产亚洲综合 | 久久高清| 欧美亚洲第一区 | 91视频进入 | 精品久久久久久久久亚洲 | 热re99久久精品国产99热 | 中文字幕国产一区 | 中文字幕亚洲一区二区三区 | 91在线看视频 | 亚洲精品一区二区 | 9191av|