0

我有一个 div 需要根据单击的下拉 div 移动到特定位置。我为每个人做了一个功能。函数名称对应于下拉 div id +“箭头”。然后，我创建了一个 var，它获取了单击的下拉 div 的 id 名称并添加了单词箭头，这样它就可以匹配函数名称。当我尝试使用 var 调用该函数时，它不起作用。

 var arrowName = $(this).attr('id') + "Arrow()";

    function btn1s1Arrow() {$( "#greenArrow" ).animate({top: "203px", left: "291px"}, "normal" );}
    function btn1s2Arrow() {$( "#greenArrow" ).animate({top: "345px", left: "381px"}, "normal" );}
    function btn1s3Arrow() {$( "#greenArrow" ).animate({top: "444px", left: "391px"}, "normal" );}

   //////dont mind this $("#qwrapper .accordionContent2").slideUp('normal'); 
   ////////dont mind this $(this).next().slideDown('normal');

    arrowName();

帮助将不胜感激。提前谢谢...我很困惑

这是代码的一部分，所以我所说的实际上是有道理的 http://jsfiddle.net/vrs9j/1/

4

2 回答 2

3

那么没有必要，你可以这样做：

var arrowName = $(this).attr('id');

var animProps = {
    btn1s1: [203, 291],
    btn1s2: [345, 381],
    btn1s3: [444, 391]
};

var animProp = animProps[arrowName];
$("#greenArrow").animate({top: animProp[0], left: animProp[1]}, "normal");
于 2013-08-11T18:27:34.667 回答
1

您可以执行以下操作：

window[arrowName]();
于 2013-08-11T18:26:43.477 回答