jquery - 从对象在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);

​</p>