有没有人设法获得FullCalendar在Twitter Bootstrap 3标签中工作？
我有以下代码
<div class="tabbable">
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a id="defaultTab" href="#tab_Default"><h5>Default</h5></a></li>
</ul>
<div class="tab-content">
<div id="tab_Default" class="tab-pane">
@Html.Partial("_Calendar0")
</div>
</div>
</div>
如果我从第二个div中删除“class =”选项卡内容“”,那么该选项卡和日历显示可以,但是我没有获取标签功能.
这两款软件之间显然有争议.
任何人都有解决方法？
解决方法
害怕我会回答我自己的问题(这不是违反规则吗？)
以下代码做到了这一点;
$(document).ready(function () {
$('a[data-toggle="tab"]').on('shown.bs.tab',function (e) {
$('#calendar0').fullCalendar('render');
$('#calendar1').fullCalendar('render');
});
$('#myTab a:first').tab('show');
});
<div class="tabbable">
<ul class="nav nav-tabs" id="myTab">
<li><a href="#tab_Default" data-toggle="tab"><h5>Default</h5></a></li>
<li><a href="#tab_Choice1" data-toggle="tab"><h5>Choice 1</h5></a></li>
</ul>
<div class="tab-content">
<div id="tab_Default" class="tab-pane">
@Html.Partial("_Calendar0")
</div>
<div id="tab_Choice1" class="tab-pane">
@Html.Partial("_Calendar1")
</div>
</div>