클릭 이벤트/바인드 이벤트가 jQuery에서 작동하지 않습니다. Mustache JS에서 버튼을 생성 할 때

Question

콧수염 JS 템플릿을 통해 함수에서 생성 된 버튼이 있습니다.

{{#attributes}} 
    <a class="button--small btn" data-selector="{{selector}}">{{title}}</a> 
{{/attributes}} 

그의 샘플 출력은 그러나

<a class="button--small btn" data-selector=".news">More News</a> 

이다, 나는이 버튼을 클릭 만에 상관없이 내가 .click(function() { }); 또는 .bind 사용 여부가 보이지 않을 때 다른 jquery 기능을 실행하는 것을 시도하고있다 일하다? console.log조차도 인쇄되지 않으므로 올바른 조건에 부합하지 못합니다. 내용은 "직접 위임 이벤트"섹션 : 당신이 event을 위임 할 필요가 새로 만든 요소에 대한

function lazyload(selector) { 
    $("a[data-selector^='"+selector+"']").bind("click", function(e) { 
      e.preventDefault(); 
      loadNews(selector); 
    }); 
} 

$(document).ready(function(){ 
    lazyload(".news"); // CALL FUNCTION READY FOR USAGE 
}); 

Answer 1

: 여기

는 스크립트입니다.

function lazyload(selector) { 
    $(document).on("click", "a[data-selector^='"+selector+"']", function(e) { 
     e.preventDefault(); 
     loadNews(selector); 
    }); 
}