동적으로 추가 된 요소의 onclick 처리기에서 JavaScript 함수를 참조하십시오.

Question

많은 요소를 돌면서 JavaScript의 간단한 스 니펫을 실행할 링크를 추가하려고합니다. Chrome 확장 프로그램에서 콘텐츠 스크립트가 실행됩니다. 함수 do_something은 my_func과 동일한 파일에 정의되어 있으며 Chrome 확장 프로그램의 일부입니다.

my_func

은 다음과 같습니다

Uncaught ReferenceError: do_something is not defined

가 어떻게 my_func에서 do_something를 참조 할 수 있습니다 : 내 반짝 링크를 클릭 할 때

function my_func() { 
    $(".matching_class").each(function() { 
     $(this).html('<a href="javascript:do_something();">foo</a>'); 
    }); 
} 

문제는, 난이 얻을?

Answer 1

javascript에 대한 호출을 삽입하는 대신 하이퍼 링크의 click 이벤트에 함수를 바인딩하는 것이 좋습니다. my_func(); (테스트되지 않은)이 라인을 따라

뭔가 :

$(".matching_class").each(function() { 
    $this.bind('click', do_something); 
}); 

또는 익명 함수와

:

$(".matching_class").each(function() { 
    $this.bind('click', function() { 
     //do_somethintg code 
    }); 
}); 

Answer 2

my_func 앞에 do_something 기능을 추가하십시오.

do_something을 호출 할 때 my_func가 정의 된대로 my_func를 찾지 못할 수 있기 때문일 수 있습니다.

마찬가지로 JavaScript 엔진은 JavaScript 소스 코드를 해석하고 이에 따라 스크립트를 실행하는 인터프리터입니다.