동적으로 생성 된 요소에서 Jquery 도구 오버레이가 제대로 작동하지 않음

Question

알려진 문제인지 또는이 작업을 잘못하고있는 것일 지 모르지만 동적으로 생성 된 요소에 JQuery 도구 오버레이를 열면 닫기 단추가 표시되지 않습니다. 작업.

3 가지 조합을 시도했습니다.

1.

$(document).on("click", "a[rel]", function() { $("a[rel]").overlay(); }); 

2.

$("a[rel]").overlay(); 
$(document).on("click", "a[rel]", function() { $("a[rel]").overlay(); }); 

3.

setting the .overlay() on document ready and in my add item event. 

닫기 버튼이 작동하지 않는 이유는 어떤 아이디어? 새 요소에 대한 오버레이가 제대로 열리 며 닫기를 누르면 아무 일도 발생하지 않습니다. 콘솔 오류가 없습니다.

감사합니다.

편집 - jfiddle을 만들었지 만 문제가 있습니다.

http://jsfiddle.net/TjQAQ/

Answer 1

것은이처럼 수행

$(document).ready(function() { 
    $('#add').click(function() { 
     $('<a rel="#overlay">New Overlay Trigger</a>').appendTo('body').overlay(); 
    }); 

    $("a[rel]").overlay();  
}); 

이 working fiddle