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

Question

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

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

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"]});

Answer 2

这是回答你的评论而不是你的问题，

   obj =  {
       a : {
          width: '100',
          height: '100'
       },
       b : {
          width: '200',
          height: '200'
       },
    }
//obj.a.width >>>> 100
//obj.b.width >>>> 200

或

obj = {
  [
     { width: '100', height:'100' },
     { width: '200', height:'200' },
  ]
}

// obj.[0].width >>> 100
// obj.[1].width >>> 200

至于你的问题 jquery 已经为你做到了，用回调中提供的选项覆盖默认选项，

如果你想要多个选项再次覆盖它，那很愚蠢，因为谁想要覆盖他们已经在同一个回调中覆盖的东西......

更新

这是你最后的选择

obj = {
    options : {
         option_a : {width: '',height:''},
         option_b : {width: '',height:''}
    },
    use_option: 'b'
}

$('.boxes').b(obj);

这样你就可以在你的小部件/扩展插件中控制它