jsfiddle.net에서 html 간단한 코드를 변경 한 후 링크가 작동하지 않음

Question

링크가있는 숨겨진 div에 "myvideo"클래스와 비디오를 재생하는 기능이 있지만 먼저 잡아 당긴 후 작동하지 않는다는 것을 알았습니다. 숨겨진 div에서 위의 div에 대한 새로운 데이터를 클릭하고 아프리카의 위쪽 빨간색 원을 클릭하고 비디오 링크를 시도하십시오. (동그라미는 데모 용으로 만 배치됩니다.)

포함하는 qjeury 파일과 js 파일을로드하고 있습니다.

온라인 다음 링크의 모든 데이터 코드 http://jsfiddle.net/vXPPF/

Answer 1

,321 0 처리기는 페이지로드시 div가 숨겨져 있기 때문에 바인딩되지 않습니다. 로 변경 :

$(document).on("click", "a.myvideo", function(e) { 
    e.preventDefault(); 
    alert("test"); 
}); 

새로운 바이올린 : http://jsfiddle.net/vXPPF/1/

JQuery와 on는 : http://api.jquery.com/on/

Answer 2

행은 다음과 같습니다

$("a.myvideo").live('click',function(e){