Jquery工具覆盖在动态生成的元素上无法正常工作

时间:2013-04-26 15:51:29

标签: jquery jquery-tools

我不知道这是否是一个已知问题,或者我是否只是做错了,但是当我在动态生成的元素上打开JQuery Tools叠加层时,关闭按钮不起作用。

我尝试了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/

1 个答案:

答案 0 :(得分:1)

这样做:

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

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

请参阅working fiddle