JQuery選項卡 - 使選定的選項卡可點擊

我基本上需要當前選定的選項卡保持可點擊（意味着鏈接仍應該是活動的）。JQuery選項卡 - 使選定的選項卡可點擊

選項卡中的內容通過ajax加載並可以更改，因此人們可以通過再次單擊選項卡來「刷新」其內容。但是默認設置會使選項卡在選中後無法點擊，這會讓用戶不得不點擊另一個選項卡，然後返回來刷新內容。

我感謝任何幫助，謝謝。

2009-11-13 Balu

這是不是一個好的UI範例。以這種方式考慮，訪問您網頁的用戶必須知道他們必須再次單擊該選項卡才能刷新。相反，爲什麼不添加刷新圖標或一些消息，如Gmail或Facebook做什麼。更改接口範例通常不是一個好主意。 :-) – AboutDev 2009-11-13 20:54:14

我同意AboutDev。您可以輕鬆地將Jquery UI刷新圖標添加到選項卡中，該選項卡也將在選定選項卡中保持可點擊。 – Daff 2009-11-13 21:05:04

我同意「刷新」圖標..但是，我不知道如何適應它與「JQuery UI」選項卡..如果我添加圖像和錨鏈接，它滑過選項卡... 我有這樣的事情：

– Balu 2009-11-13 21:32:32

當單擊標籤時，標籤插件將觸發'tabsselect'事件。註冊一個回調，它的第二個參數將有一個「標籤」屬性，你可以檢查你的選項卡：

jQuery('#tabs-container').bind('tabsselect', function(e, tabsContainer) { 

    jQuery(tabsContainer.tab).attr('href')); 
});

EDITIED：

其會在標籤實際上改變只火。也許綁定在tabs結構中的anchor元素上，並檢查ui-tabs選擇的類。標籤插件上有不錯的文檔：http://docs.jquery.com/UI/Tabs。

大致爲：

jQuery('#tabs-container a').bind('click', function() { 
    if(jQuery(e.target).hasClass('ui-tabs-selected')) { 
     // do some stuff 
    } 
});

來源

2009-11-13 21:06:32 jshalvi

定義錨的onclick事件標籤重新加載或發送到父頁面，這樣

<div id="divTab"> 
    <ul> 
    <li><a href="#tab_1">First Tab</a></li> 
    <li><a href="#tab_2" style="cursor:pointer;" onclick="window.location.reload();">Second Tab</a> 
    </li> 
    <li><a href="#tab_3" style="cursor:pointer;" onclick="window.location.replace('url');">Third Tab</a> 
    </li> 
    </ul> 
</div>

來源

2012-06-22 18:21:07

JQuery選項卡 - 使選定的選項卡可點擊

回答

相關問題