Boostrap啓動模式並顯示特定的選項卡式內容窗格

我使用Bootstrap 3來構建網站。我正在啓動一個包含一些標籤的模式。無論如何，我可以打電話來啓動模式並指定在模式啓動時哪些選項卡應該打開。Boostrap啓動模式並顯示特定的選項卡式內容窗格

我使用的是標準模式啓動代碼，例如

data-toggle="modal" data-target="#modal2launch"

然後，標籤的標籤Boostrap代碼例如

<div role="tabpanel" class="tab-pane fade in active" id="tab1">

所以，我希望能說，啓動模式稱爲「modal2launch」與「TAB2」開...

可能嗎？

來源

2015-01-21 dubbs

如果選項卡窗格位於模式內部，則只需在選項卡2上設置active類，然後從其他選項卡中刪除active類。

如果有需要將其設置爲TAB2，那麼你可以使用JavaScript來激活模式裏面的接頭的一組情況shown.bs.modal

$('#myModal').on('shown.bs.modal', function (e) { 
    $('#myTab a[href="#profile"]').tab('show') // Select tab by name 
    $('#myTab a:first').tab('show') // Select first tab 
    $('#myTab a:last').tab('show') // Select last tab 
    $('#myTab li:eq(2) a').tab('show') // Select third tab (0-indexed) 
})

由於您沒有提供太多的代碼，我使用的示例在http://getbootstrap.com/javascript/#tabs和http://getbootstrap.com/javascript/#modals給你一個想法

來源

2015-01-21 11:56:09 haxtbh

謝謝，但我有2模式和2按鈕啓動模式的內容選項卡 - 所以按鈕1啓動模式與選項卡1在視圖中，按鈕2啓動模式與標籤2在視圖中。 – dubbs 2015-01-21 11:59:04

如果您需要更多幫助，您需要發佈更多代碼。 – haxtbh 2015-01-21 12:05:04

謝謝，工作了 - 不得不使用一些自定義的jQuery的 - 只是覺得有可能是發生了異常引導框，使這項工作的。 – dubbs 2015-01-21 12:16:31

Boostrap啓動模式並顯示特定的選項卡式內容窗格

回答

相關問題