跟vue结合，动态生成lightbox点击图片不展示大图 about zui HOT 2 CLOSED

Lightbox 只会自动初始化页面加载时出现在页面上的 [data-toggle="lightbox"] 元素作为触发元素。如果要为动态插入的内容启用 Lightbox 有两种方式：

1. 在动态内容插入到页面后，选中动态插入的内容并调用 lightbox() 方法。

$('#newContents [data-toggle="lightbox"]').lightbox();

2. 检测所有 [data-toggle="lightbox"] 元素上的点击事件，如果没有初始化则进行初始化并再次触发点击事件。

$(document).on('click', '[data-toggle="lightbox"]', function() {
    var $this = $(this);
    if(!$this.data('zui.lightbox')) {
        $this.lightbox().trigger('click');
    }
});

from zui.

非常感谢！搞定啦:+1:
由于vue是双向绑定，用第一种方法可能还需要加一个延时，所以使用了第二种方法.

from zui.