1

所以Theres這個Bootstrap3手風琴與連續的面板。每個人都有一個關閉它並打開下一個按鈕的按鈕:下一步,如果你願意的話。防止面板開啓引導3

但是,如果(某些條件不符合)下一個面板不應該打開。其他的事情也不應該發生,但他們是在控制之下。重點是下一步面板打開,如果(條件不符合),我想防止這一點。

我將下面的內容添加到事件監聽器中,無濟於事。如何正確防止下一個面板打開?

$('#my-panel').on('hidden.bs.collapse', function (aTicketPanelCollapsedEvent) { 
    aTicketPanelCollapsedEvent.preventDefault(); 
    // I expected this to work but unfortunately it doesn't 
    }); 
+0

你可以做一個小提琴? –

回答

0

我會嘗試使用show.bs.collapsehide.bs.collapse。您正在使用在事件發生後調用的hidden.bs.collapse

0

我相信preventDefault()只會阻止瀏覽器執行其默認操作以響應事件。由於事件'hidden.bs.collapse'不是瀏覽器事件,因此preventDefault()不執行任何操作。

0

我認爲你需要處理'hide.bs.collapse'。使用「隱藏」的問題在於已經發生崩潰。

$('#my-panel').on('hide.bs.collapse', function (e) { 
    e.preventDefault(); 
}); 

演示:http://bootply.com/78023