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

这是工作小提琴