jQuery $.extend()未扩展对象

Question

使用一个简单的日历脚本，尝试将事件发布到适当的日期；然而，jQuery $.extend并没有扩展我的options对象。以下是HTML文件中的代码片段：

$("#cal").calendar({
    month: 2,
    events: [{
        date: "2013-4-10",
        workorder: 1234567890,
        district: 01,
        range: "2:00pm - 4:00pm",
        appNotes: "This is just a sample of some notes... end",
        installer: "John Doe",
        cityNotes: "This is just another sample of some notes... end"
    }, {
        date: "2013-4-1",
        workorder: 1234567890,
        district: 01,
        range: "3:00pm - 5:00pm",
        appNotes: "This is just a sample of some notes... end",
        installer: "John Doe",
        cityNotes: "This is just another sample of some notes... end"
    }]
});

和我的插件的开始：

(function($){
    $.fn.calendar = function(options){
        var defaults= {
            month: null,
            prev: "prevMonth",
            curr: "currMonth",
            next: "nextMonth",
            events: []
        }, options = $.extend(defaults, options);
        return($(this).each(function(){
            var obj = $(this),
            // Etc...

我能够访问对象的属性，但是它并没有像想象的那样被扩展。有什么想法吗？

Answer 1

jQuery.extend扩展了传入的第一个对象--而不是做$.extend(defaults, options) do $.extend({}, defaults, options)。

Answer 2

(function($){
    $.fn.calendar = function(options){
        var defaults= {
            month: null,
            prev: "prevMonth",
            curr: "currMonth",
            next: "nextMonth",
            events: []
        };
        options = $.extend(defaults, options);

另外:记住Target是第一个对象...因此，在本例中，缺省值将扩展为选项...