單擊按鈕後更改fullCalendar選項（即可選）

Question

我在fullCalender.js中遇到了一個小問題。我試圖在單擊按鈕後更改日曆的選項，但它不起作用。

這是我的JS：

var calendar = $('#calendar'); 

calendar.fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,basicWeek,basicDay' 
    }, 

    defaultView: 'month', 
    selectable: true 
}); 

$('#but').on(click, function(e) { 
    calendar.fullCalendar('selectable', false); 
}); 

而且我的HTML

<div id='calendar'></div> 

<button id='but'> 
Not selectable 
</button> 

這裏的jsfiddle： http://jsfiddle.net/CYnJY/874/

我在做什麼錯？ 非常感謝！

Answer 1

更改此$('#but').on(click, function(e) {到$('#but').on('click', function(e) {

還可以使用calendar.fullCalendar('destroy')摧毀日曆並創建一個新的日曆。

$('#but').on('click', function(e) { 
    calendar.fullCalendar('destroy') 
    calendar.fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,basicWeek,basicDay' 
    }, 

    defaultView: 'month', 
    selectable: false 
}); 
}); 

入住這http://jsfiddle.net/k4dhm3yL/