Lightbox中的jQuery ajax load()内容

Question

我正在WordPress投资组合主题开发中，并且我想应用于主题的功能有一些问题。该功能是主页上的"快速视图"。基本上，这个想法是从WordPress帖子中加载画廊和内容，并在用户单击图像后将其显示在灯箱中。

我有一个工作代码，可以加载正确的内容并将其显示在Lightbox（Colorbox）中。此内容包含一个基于jQuery的画廊，问题是Lightbox刚刚使用jQuery代码"激活"画廊 ..

    $(".quick-look-btn").click(function () {
        $(".quick-view").load($(this).attr("href") + " .portfolio-main");
    });
    var $form = $(".quick-view").first();
    $(".quick-look-btn").colorbox({
        inline:true, 
        href:$form, 
        width:"750", 
        height:"367"
    });

谢谢！

Answer 1

假设您为画廊的jQuery就是这样...

$('leftbutton').on('click', function(){
          // Slide images left...blah blah
});

这只会影响页面上的元素...要将函数附加到动态添加到页面上的元素，您需要像这样做

$('body').on('click', 'leftbutton', function(){
          // Slide images left...blah blah
});

这将确保附上"正文"中存在的所有元素，即即使以后添加元素。

请检查一下以了解更多信息！http://api.jquery.com/on/