在动态生成的元素上使用lightbox

时间:2012-02-21 07:01:20

标签: jquery html

我正在使用HTMLKickStart,动态生成的链接似乎存在问题,并将它们与灯箱一起使用。

我已经添加了灯箱类,但链接的行为仍然像常规链接:

var new_link = $('<a>').attr({'href' : 'php/group_members.php'}).appendTo(new_manage).addClass('lightbox');

之前有一个问题:

jquery lightbox on dynamic image

我尝试了以下内容:

$(document).find('a.lightbox').lightBox();

但它似乎也没有起作用。你对如何使这项工作有更好的想法,或者你认为这是我正在使用的框架的问题。

1 个答案:

答案 0 :(得分:1)

我直接询问了作者,他给了我这个:

// lightbox links
    $('a.lightbox').live('click', function(e){
        e.preventDefault();
        $(this).fancybox({
            overlayOpacity: 0.2,
            overlayColor: '#000'
        });
    });

如果有人遇到与html kickstart相同的问题,只需编辑kickstart.js文件并搜索灯箱链接,然后将其更改为上面的代码。