如何通过字符串名称更改jquery中的动画名称/类型

Question

这是概念。有什么办法可以做到这一点 这是我的代码：

var animationName='slideUp';
if(true){
animationName='fadeOut';
}

$('.className').animationName(200,function(){
     //callback
});

Answer 1

您可以使用eval()将字符串作为javascript表达式执行。在eval()中，您可以将变量用作函数名称。

＆＃13;

＆＃13;

var animationName = "slideUp";
eval("$('div')."+ animationName +"(200, function(){})");

＆＃13;

div {
    width: 50px;
    height: 200px;
    background: green;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>

＆＃13;

＆＃13;

＆＃13;