从对象中在jquery中动态调用函数

Question

var animations = {
    slide : {enter:'slideDown('+settings.speed+')', exit:'slideUp('+settings.speed+')'},
    fade : {enter:'fadeIn('+settings.speed+')', exit:'fadeOut('+settings.speed+')'}
};

我目前有一个文字对象，其中包含输入和退出动画。是否有可能动态地调用它们以及如何调用它们？

基本上，我试图找到一种动态调用函数的方法，同时保持代码尽可能小。

Answer 1

您可以使用以下语法：$(obj)[action](htmlStr);

小提琴：http://jsfiddle.net/svvdw/

var settings = {
    speed: 'slow'
};

var animations = {
    slide : {enter:'slideDown', exit:'slideUp'},
    fade : {enter:'fadeIn', exit:'fadeOut'}
};

$("#test")[animations.fade.exit](settings.speed);