单击按钮后更改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/