FullCalendar不會在Bootstrap 3崩潰

Question

我試圖讓fullCalendar打開時，用戶點擊一個切換按鈕我使用Bootstrap 3.日曆工作正常，如果按鈕默認打開時，頁面加載但我想要在頁面加載時關閉日曆，並且無法從默認的關閉日曆中打開日曆。 我編了一個jsfiddle here

這裏是html。

<div class="container"> 
    <br /> 
    <input type="button" class="btn btn-primary" data-toggle="collapse" 
     data-target="#toggleDemo" value="Calendar" /> 
    <!-- Collapsible Element HTML --> 
    <div id="toggleDemo" class="collapse collapse in"> 
     <div id='calendar'></div> 
    </div> 
    <br /> 

這裏是JavaScript

$(document).ready(function() { 

// page is now ready, initialize the calendar... 

$('#calendar').fullCalendar({ 
    // put your options and callbacks here 
}) 

}); 

我希望有人能闡明我的問題的一些情況。非常感謝。

JS

Answer 1

HTML：

<div class="container"> 
    <input type="button" class="btn btn-primary" data-toggle="collapse" data-target="#toggleDemo" value="Calendar"> 

<!-- Collapsible Element HTML --> 
<div id="toggleDemo" class="collapse collapse"> 
    <div id="calendar"> 

    </div> 
</div> 

的Javascript：

$(document).ready(function() { 

    // page is now ready, initialize the calendar... 
    $('#calendar').fullCalendar({ 
    }) 

    $('#toggleDemo').on('shown.bs.collapse', function() { 
     $('#calendar').fullCalendar('today'); 
    }); 


}); 

見http://jsfiddle.net/GB8DF/