2013-07-11 62 views
0

我需要在加載哪個jquery選項卡時使用選定/活動選項卡來告訴頁面 - 我嘗試了所有找到的解決方案在這裏,並廣泛搜索了其他地方,但由於對js和jquery知之甚少,所以我受到了阻礙。我也處於嚴峻的時間緊縮狀態,所以如果有人能幫助我,我會非常感激。我需要幫助在頁面加載時選擇特定的jquery選項卡

這裏是我的代碼: 在頁頭部分,我有:

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery-ui.js"></script> 
<script type="text/javascript" src="jquery-tabs.js"></script> 

<script>$(document).ready(function() 
$("#tabs > ul").tabs();</script> 

在身,我有標籤的div設置,與卡舌李項目(下面的示例),一切工作正常,但我似乎無法以編程方式選擇選項卡。

li class="tabstuff"><a class="tabstuff" href="#tab1"><span>First Tab</span></a></li> 

我還沒有能夠迫使我的第二個選項卡頁面加載選擇當我使用我在你的問題的帖子的人看到的代碼嘗試:

首先我得到的指數

var index = $('#tabs a[href="#tab2"]').parent().index(); 

然後我試圖每個這兩種方法(單獨)的:

$("#tabs").tabs("option", "active", index); 
我想要的選項卡(我知道的工作,因爲我使用一個提示框顯示它自己),使用此的

我也試過:

$('#tabs').tabs('select', index); 

沒有什麼工作,我不知道有足夠的瞭解jQuery來見我要去哪裏錯了。

第二個問題是如何判斷哪個選項卡在頁面加載時選擇並顯示爲活動狀態。我可以在後通過或獲得的變量,但我已經測試代碼,我發現說我可以用這個:

var qry = window.location.search; 
if (qry.indexOf("showlist=yes") > 0) { 
    //I added an alert box here and it never got triggered 
    } 

檢查後或得到變量,而且似乎沒有任何工作。

我的網頁通過php構建html,但我還不完全瞭解如何觸發jquery函數來知道如何在頁面加載或onclick/onchange事件中執行此操作。

感謝任何人的幫助!

+0

'$(「.selector」).tabs({ active:1});'或'$(「.selector」).tabs(「option」,「active」,1);' – 2013-07-11 20:51:16

回答

1

爲了選擇比第一不同的選項卡,你需要做的

$("#tabs").tabs({ active: 2 }); 

2可以通過任何索引改變你想

+0

擊敗我!完全正確!另外,可能想看看一個[**博客,我在標籤**上寫的](http://spyk3lc.blogspot.com/2012/08/jqueryjqueryui-help-tabs-get-currently.html)。在需要時獲取所需的標籤和麪板非常有用! – SpYk3HH

相關問題