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. 

爲什麼關閉按鈕不工作任何想法？覆蓋層對於新元素打開就好了，當我按下close時，就沒有任何反應。也沒有任何控制檯錯誤。

謝謝。

編輯 - 我創建了一個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