在运行时动态调用jQuery小部件

Question

让我们想象一下我有一些小部件：Widget1，Widget2和Widget3。

我如何根据某些情况应用它们？像这样：

if(case1)
    $('#container').Widget1()
else if(case2)
    $('#container').Widget2()
else if(case3)
    $('#container').Widget3()

如果我们只有三个小部件的情况，IF-ELSE结构可能会完美有效，但如果我们有10个，20个甚至更多呢？

我很好奇是否有任何方法可以通过名称调用小部件？是否有可能具有这样的功能：

function ApplyWidget(name, options) {
    // apply widget here by 'name' with options
}

提前感谢任何建议......

Answer 1

我想我找到了答案......

function ApplyWidget(name, options) {
    $('#container')[name](options);
}

此处正在运作fiddle