как вызвать функцию с помощью var name?

Question

У меня есть div, который нужно переместиться в определенную позицию, в зависимости от того, какой щелчок вызывается. Я сделал функцию для каждого. имена функций соответствуют раскрывающимся divs id + «Arrow». Затем я сделал var, который получил идентификационное имя щелкнутого раскрывающегося списка div и добавил стрелку слова, таким образом, он будет соответствовать имени функции. когда я пытался использовать 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/

Answer 1

Ну там нет необходимости в том, что вы могли бы сделать это:

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"); 

Answer 2

Вы можете сделать что-то вроде:

window[arrowName]();