在运行时动态调用 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