jquery - プラグインの外部からデフォルトを変更する

Question

私のプラグインは：

$.fn.iPopup = function() {
    var opts = new function() {
        this.width = 957;
        this.height = 590;
        this.left = ($(document).width() / 2) - (this.width/2) - (17/2);
        this.top = 160; 
    }
    alert (opts.width);
}

次のように、 plugin を呼び出すときに幅または高さを変更したい:

$('div#tP').iPopup({width:280});

プラグインで何をすればよいですか?

Answer 1

$.fn.iPopup = function(options) {
    var defaults = {
        'width' : 957,
        'height' : 590,
        'left' : ($(document).width() / 2) - (this.width()/2) - (17/2),
        'top' : 160
    },
    opts=$.extend({}, defaults, options);
}

あれを呼べ

$('div#tP').iPopup({width:280});

例。