json의 jquery 이벤트가 팝콘을 통해 구문화 됨

Question

jquery 이벤트가 Popcorn.js JSON Parser를 통해 파싱 된 json 데이터와 함께 작동하지 않는 이유를 아는 사람이 있습니까?

링크를 클릭하면 함수를 호출하려고합니다. 문제의 링크는 json 파일에 있습니다. 파일이 예상대로 구문 분석되고 팝콘 각주가 예상대로 나타납니다. 구문 분석 된 링크를 따라갈 수는 있지만 이벤트가 발생하지 않습니다.

<script> 
$(function() { 

    var popcorn = Popcorn("#video"); 
    popcorn.parseJSON ("data/data.json"); 

    $("a[href='gohere.html']").click(function() { 
      alert("clicked!"); //should display the message, but doesn't   
    }); 
}); 
</script> 

그리고 JSON 파일은 다음과 같습니다 :

여기에 코드 조각은 내가 일하고 있어요입니다

{ 
"data": [ 
    { 
     "footnote": { 
      "start":"1", 
      "end":"3", 
      "target":"footnote-container", 
      "text":"<a href='gohere.html'>Go Here</a>" 
     } 
    }, 
    { 
     "footnote": { 
      "start":4, 
      "end":7, 
      "target":"footnote-container", 
      "text":"Another piece of text." 
     } 
    } 
    ] 
} 

난 정말 어떤 도움을 주셔서 감사합니다 것입니다!

Answer 1

사용 위임. 이것은 이벤트 처리기를 해당 요소에 바인딩합니다. 이벤트 처리기는 지정된 선택기에서 거품을 내면서 이벤트를 수신합니다.

Answer 2

parseJSON 또는 ajax 파생 상품의 콜백 함수에서 jQuery .on()을 사용해보세요. .on()

$('body')on('click','a[href="gohere.html"]',function() { 
     alert("clicked!"); //should display the message, but doesn't   
}); 

정적이며, DOM 준비의 시간에 존재하는 가장 가까운 조상과 'body' (필요하지만 더 효율적이지) 교체와

$("a[href='gohere.html']").on('click', function() { 
     alert("clicked!");   
});