jquery - 我怎样才能给 jQuery 插件多个预设的默认选项？

Question

假设，我有一个带有默认选项的 jquery 插件，可以像任何插件一样覆盖它。

我想要做的是添加多个默认选项，这些选项可以通过选项或插件“trigger”中的某个位置调用。问题是..如何？

Jsfiddle 进一步解释了这一点: http://jsfiddle.net/A7LMc/

_{这个插件的工作原理与问题完全无关。}

<小时/><小时/>

本质上是这样的:

    if ( option == 'b' ) { 
         var defaults = {
            width: '260',
            height: '120'
        }; 
    }
    else {
        var defaults = {
            width: '60',
            height: '10'
        };
    }

然后在选项中调用它，如下所示:

<script type="text/javascript">
$(document).ready(function() {
    $('.boxes').b({
    option: 'b',
    width: '500'
    });
}); 
</script>

<小时/><小时/>

进一步详细说明:

这可行，但不是我想要的:

http://jsfiddle.net/A7LMc/1/ (在js中)

========

这不起作用，但或多或​​少是我想要的:

http://jsfiddle.net/A7LMc/2/ (在 html 中)

..我之所以说“或多或少”是因为..好吧，它不起作用，我并不关心如何调用它，只要它在插件触发代码中即可在里面<script>标签并且很简单。

Answer 1

移至插件:http://jsfiddle.net/A7LMc/3/

    if ( options.option == 'b' ) {
         var defaults = {
            width: '260',
            height: '120'
        };
    }
    else {
        var defaults = {
            width: '60',
            height: '10'
        };
    }

然后:

$('.boxes').b({
option: "b",
width: '500'
});

<小时/>

var optiondefault = "width:500";
var optiona = { width: 260, height: 120, optiondefault  }
var optionb = { width: 60, height: 10, optiondefault }

$('.boxes').b({optiona});

否则为什么不在插件内部执行呢？

或者你可以像这样将其作为数组......

var options = {
                a:{ width: '100', height:'100' },
                b: { width: '100', height:'100' }
            };

$('.boxes').b({options["a"]});