javascript - 将字符串转换为变量名称以在 jQuery .animate 中使用

Question

这应该很容易，但我找不到答案。

我有五个位置值存储在变量中:navA、navB、navC 等。

当用户单击链接时，我希望以动画方式将 div 移动到该位置:

$('myDiv').animate({
    'left': navB
},2000);

这有效。但是，当用户单击链接时，我收到的只是第一个字母 - 我需要在字母前添加“nav”前缀以获得 navA 或 navB 等

如何创建变量名称并在动画函数中使用它？

我尝试过:

$('theLink').click(function(){
    var nextLoc = $(this).attr('id').charAt(0); //returns A or B or C or...
    var nextVar = 'nav'+nextLoc;

    $('myDiv').animate({
        'left': nextVar
    },2000);

});

Answer 1

你可以使用window对象来访问全局变量

var nextVar = window['nav'+nextLoc];