国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
Bootstrap tab頁(yè)的動(dòng)態(tài)ajax加載

要實(shí)現(xiàn)這樣的功能,點(diǎn)擊tab導(dǎo)航ajax動(dòng)態(tài)加載頁(yè)面,當(dāng)加載過之后,點(diǎn)擊則不再重新加載,直接顯示原來加載的頁(yè)面。

tab頁(yè)面代碼:

<!-- Nav tabs --><ul class="nav nav-tabs" role="tablist" id="maintab">  <li class="active"><a href="#tab1"  onclick='showPage("tab1","tab1.php")'>tab1</a></li>  <li><a href="#tab2" onclick='showPage("tab2","tab2.php")'>tab2</a></li>  <li><a href="#tab3" onclick='showPage("tab3","tab3.php")'>tab3</a></li>  <li><a href="#tab4" onclick='showPage("tab4","tab4.php")'>tab4</a></li></ul><!-- Tab panes --><div class="tab-content">  	<div class="tab-pane active" id="tab1"></div>  	<div class="tab-pane" id="tab2"></div>  	<div class="tab-pane" id="tab3"></div>  	<div class="tab-pane" id="tab4"></div></div>

javascript:

<script language="javascript">  var loadimg="./img/load2.gif"; // 加載時(shí)的loading圖片  function showPage(tabId, url){    $('#maintab a[href="#'+tabId+'"]').tab('show'); // 顯示點(diǎn)擊的tab頁(yè)面    if($('#'+tabId).html().length<20){ // 當(dāng)tab頁(yè)面內(nèi)容小于20個(gè)字節(jié)時(shí)ajax加載新頁(yè)面      $('#'+tabId).html('<br>'+loadimg+' 頁(yè)面加載中,請(qǐng)稍后...'); // 設(shè)置頁(yè)面加載時(shí)的loading圖片      $('#'+tabId).load(url); // ajax加載頁(yè)面    }  }</script>
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
【已解決】Android中如何控制Tab頁(yè)面切換,即如何重寫TabHost的OnTabChangeListener | 在路上
tabbedPanel標(biāo)簽
使用HTML+CSS編寫一個(gè)靈活的Tab頁(yè)
HTML頁(yè)面左側(cè)菜單欄切換實(shí)現(xiàn)右側(cè)主體內(nèi)容改變
jquerymobile頁(yè)面跳轉(zhuǎn)和參數(shù)傳遞
jQuery Ajax之load()方法
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服