jquery - 需要一个支持 $.live() 和分组的 jQuery Lightbox 插件

标签 jquery jquery-plugins lightbox

我通过 Ajax 引入所有图像,并且正在寻找针对该项目前端的快速修复方法。我已经尝试了几个 jQuery 灯箱插件,但我似乎无法让它们在实时函数中执行(如果我错误地认为我需要这样做,请纠正我)。

当前正在尝试使用 Balupton 的 Lightbox 插件(由于我是新用户而无法链接),在尝试了所有示例均无济于事后,我尝试了以下方法(也不起作用):

$('a.lightbox-gallery').live('click', function(){
    $(this).lightbox();
});

非常感谢任何帮助!

最佳答案

1) 您可以破解灯箱插件以绑定(bind)现场事件 2)ajax完成后可以调用lightbox,仅在新元素上:

$.ajax({
    type: "POST",
    url: "url.php",
    cache: false,
    success: function(data){
        $(data).find('a[rel=lightbox]').lightbox(settings).end().appendTo('#ajaxTarget');
    }
}); 

对于设置,您可以使用数组来避免将相同的内容写入两次;)

关于jquery - 需要一个支持 $.live() 和分组的 jQuery Lightbox 插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/907771/

相关文章:

javascript - 如何从 ajax 调用响应中附加 html 标签

forms - JQuery 表单验证不适用于新创建的元素

html - 如何在 div(灯箱效果)上添加背景?

html - 当另一个目标成为目标时影响 div

jQuery TableSorter 插件初始化时出现错误 : cannot read property '0' of undefined

jquery - 移动灯箱?

javascript - 基于所选链接的模态弹出窗口的动态内容

javascript - 更改复制到变量中的 dom 元素的 attr 值

javascript - 如何将图像填充为链接,并将其作为 JSON 对象存储在数组中?

jquery - $.ajax的事件,如何创建回调?