jQuery : 동적으로 할당 된 함수가 작동하지 않습니다.

Question

항목과 함수가 동적으로 할당되는 jQuery로 메뉴를 구현했습니다. This code works. 나는이 옵션을 클릭하면 메뉴를 숨길 필요가 있기 때문에

는, 나는 here 같이

p.click(function(){ 
    menu.hide(); 
    funcs[i].f; 
}); 

에

p.click(funcs[i].f); 

을 변경하지만, 변수 i가 부족하기 때문에 나는 Uncaught TypeError: Cannot read property 'f' of undefined 수 범위. 이 코드를 수정하는 방법?

Answer 1

내가 좋을 것 :

for (var i = 0; i < len; i++) { 

    (function(i){$('<p />', { 
     'style' : 'cursor: pointer', 
     'text' : funcs[i].title, 
     'click' : function(){ 
      funcs[i].f(); 
      menu.hide(); 
     } 
    }).appendTo(menu)})(i); 
} 

JS Fiddle demo합니다.

위 변수는 i 변수를 내부 범위로 전달하고 약간 다른 (개인 취향에 따라) 접근 방식을 사용하여 <p> 요소를 만듭니다.

Answer 2

이 시도 :

 (function(idx) { 
      p.click(function(){ 
       menu.hide(); 
       funcs[idx].f(); 
      }); 
     })(i);