twitter bootstrap not firing顯示的事件

我有一個頁面/窗體我正在加載到一個colorbox。該頁面包含一個選項卡部分。選項卡在colorbox內工作良好，但是我需要在顯示新選項卡後調整colorbox的大小。twitter bootstrap not firing顯示的事件

我使用示例代碼從Twitter的引導嘗試：

<script> 
$('a[data-toggle="tab"]').on('shown', function (e) { 
    e.target; // activated tab 
    e.relatedTarget; // previous tab 
    alert($(e.target).attr('href')); 
    colorbox.resize(); 
}) 
</script>

我放在這個在調用但沒有什麼是被解僱的形式主要頁面。我認爲這是因爲形式不存在，直到調用，但彩盒。

我已經將腳本添加到被調用的頁面/表單中，其中包含工作選項卡，但似乎沒有任何內容被觸發。

我的標籤標記是：

<div class="tabbable tabs-left"> 
    <ul class="nav nav-tabs"> 
     <li class="active"><a href="#tab1" data-toggle="tab">File/Image Upload</a></li> 
     <li><a href="#tab2" data-toggle="tab">Images</a></li> 
     <li><a href="#tab3" data-toggle="tab">Files</a></li> 
    </ul> 
    <div class="tab-content"> 
     <div class="tab-pane active" id="tab1">content</div> 
     <div class="tab-pane active" id="tab2">content</div> 
     <div class="tab-pane active" id="tab3">content</div> 
    </div> 
</div>

所以...我怎麼可以調整顏色框時，顯示在被叫頁面上不同的標籤和頁面，我應該把腳本？

感謝

來源

2013-05-27 Ray

它是'$ .colorbox.resize（）;' – anpsmn

嘗試把裏面的腳本ready

$(function(){ 

$(document).on('shown', 'a[data-toggle="tab"]', function (e) { 
    e.target; // activated tab 
    e.relatedTarget; // previous tab 
    alert($(e.target).attr('href')); 
    colorbox.resize(); 
}) 

});

演示：Plunker

來源

2013-05-27 14:00:42

謝謝=取得的進展。我已經在表單/頁面中改變了上面的腳本。如果我直接調用表單/頁面，但是通過colorbox加載事件不會觸發時，警告框會正確顯示。 – Ray

這應該工作：

$(function(){ 
    $('a[data-toggle="tab"]').on('shown.bs.tab', function(e) { 
    e.target // activated tab 
    e.relatedTarget // previous tab 
    alert($(e.target).attr('href')); 
    colorbox.resize(); 
    }); 
});

來源

2014-05-22 01:55:06 asadiq

在引導3，下面的代碼是否正確調整開關選項卡上的Colorbox窗口：

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
    e.target; // activated tab 
    e.relatedTarget; // previous tab 
    $.colorbox.resize(); 
})

來源

2014-07-05 23:58:26 Hladeo

twitter bootstrap not firing顯示的事件

回答

相關問題