jquery - 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();     
});

见工作小提琴