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