jQuery UI手風琴禁用選項卡

如何禁用jQuery UI accordion()中的某些選項卡，以便用戶無法單擊以打開選項卡的內容。假設我想在下面的示例中禁用第二個選項卡。jQuery UI手風琴禁用選項卡

2011-05-11 Pinkie

沒有捆綁方式1.8.x.做到這一點

在版本1.9（測試版本在撰寫本文時可用）beforeActivate事件看起來像您可以處理並返回false以防止激活發生。假設您有殘疾部分，你可以做類似下面的1.9的標頭中設置.data('enabled', false)：

$('.ui-accordion').bind('accordionchangestart', function(event, ui) { 
    if(ui.newHeader and !ui.newHeader.data('enabled')) { 
    return false; 
    } 
    // fall through activation happens as normal 
});

來源

2011-05-11 02:24:29 lambacck

謝謝，但對我來說有點不清楚。什麼是disabled_header。你能在我上面提供的jsfiddle鏈接中工作嗎？ – Pinkie 2011-05-11 02:45:09

disabled_header僅僅是一些指標的佔位符，您希望禁用該標題。它可能是一個表示狀態的類（'ui.newHeader.hasClass（'disabled'）'）或者一些保存在Javascript變量中的狀態。我只是想確保你知道返回false意味着「假」而不是「假」。 – lambacck 2011-05-11 13:49:42

也許你應該考慮一個jQueryUI選項卡小部件，因爲禁用的選項卡是內置選項。 ''（'＃tab'）。tabs（'disable'，tab_id_or_index）''和'$（'＃tabs'）。tabs（'enable'，tab_id_or_index）' – lambacck 2011-05-11 14:03:34

也許我錯了，
但如果我添加類「UI狀態禁用」到所需的標題，標題/標籤不再可選。

我正在使用：
的jquery-UI-1.10.3和jQuery-1.7.1

來源

2013-07-08 15:18:42 janos

我也使用:-)。奇蹟般有效。 – thedom 2014-04-08 07:17:12

我粘貼JSFriddle具有受控導航手風琴的一個例子。意思是，用戶不能跳過步驟或自由導航手風琴，但只能通過jQuery可以激活或放置的硬編碼按鈕。希望能幫助到你。 https://jsfiddle.net/moriz/rvuwze6s/

基本上JS是這樣的：

$(function() { 
    $("#accordion").accordion({ 
     disabled: true 
    }); 
}); 

function operateAccordion(tabNumber) { 
    $("#accordion").accordion("option", "active", tabNumber); 
}

和按鈕應該是這樣的：

<a href="javascript:operateAccordion(1)">Next step</a>

考慮到手風琴部分開始從0編號。所以這個按鈕可以用來在導航中返回或前進。

來源

2016-01-06 15:22:59 Moriz

jQuery UI手風琴禁用選項卡

回答

相關問題