亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

idTabs基于JQuery的根據(jù)URL參數(shù)選擇Tab插件

 更新時(shí)間:2012年04月11日 17:48:36   作者:  
我們的項(xiàng)目用了SunSean的idTabs,但每個(gè)tab里的控件會(huì)觸發(fā)postback,或者轉(zhuǎn)到其他頁(yè)面再轉(zhuǎn)回來(lái),這樣當(dāng)前選中的tab必丟。印度同事不肯用AJAX,無(wú)奈今天加班給印度人寫(xiě)個(gè)demo,通過(guò)回傳URL參數(shù)來(lái)選擇tab
為了做這件事,除了jquery庫(kù)和idTabs插件,我們還需要下載一個(gè)用來(lái)搞URL的插件:jquery.url.js,傳送門(mén):https://github.com/allmarkedup/jQuery-URL-Parser
(上述鏈接可能有錯(cuò),如不能使用,可以到這里下載
腳本之家提供idtabs打包下載 http://chabaoo.cn/jiaoben/43086.html
Tab菜單的HTML代碼這樣寫(xiě),每個(gè)tab的div自己搞定,不發(fā)出來(lái)浪費(fèi)頁(yè)面了:
復(fù)制代碼 代碼如下:

<div class="tabmenu">
<ul>
<li><a href="#idTab1">Dashboard</a></li>
<li><a href="#idTab2">Tracker</a></li>
<li><a href="#idTab3">Documents</a></li>
<li><a href="#idTab4">Collaboration</a></li>
<li><a href="#idTab5">Knowledge Mapping</a></li>
</ul>
</div>

注意,一定不要給ul加class=”idTabs”,也就是不要用SunSean官網(wǎng)上的無(wú)javascript的寫(xiě)法。
腳本部分這樣寫(xiě):
復(fù)制代碼 代碼如下:

<script type="text/javascript">
$(document).ready(function () {
var tabToSelect = jQuery.url.param("tab");
if (null == tabToSelect || "" == tabToSelect) {
//alert("Parameter 'tab' is null or empty\nAuto selecting idTab1");
tabToSelect = "idTab1";
}
//alert("Selecting: " + tabToSelect);
$(".tabmenu ul").idTabs(tabToSelect);
});
</script>

有圖有真相:

相關(guān)文章

最新評(píng)論