Bootstrap 包含 JS 的 Tab-Pane

Question

我正在使用 jQuery fullCalendar 和 Bootstrap 选项卡式面板。

只有第一个有效，其他的无效。

当我取消选项卡式面板时，一切正常。

这是我的代码。

@foreach（某事）

<脚本类型="text/javascript"> $(文档).ready(函数(){
$('#calendar{{ $count }}').fullCalendar();

@endforeach

Answer 1

你无法呈现全日历，除非它是可见的。

每当您更改标签时添加渲染调用：

http://fullcalendar.io/docs/display/render/

$('#my-tabs').tabs({
    activate: function(event, ui) {
        $('#calendar').fullCalendar('render');
    }
});