Question

我正在进行wordpress组合主题开发，并且对我想要应用于主题的功能有一些问题。该功能在主页上是“快速查看”。基本上，这个想法是从wordpress后加载一个图库和内容，并在用户点击图像后将其显示在灯箱中。

我有一个可以加载正确内容的工作代码，并将其显示在灯箱（彩盒）中。这个内容包含一个基于jquery的图库，问题是灯箱只需用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
});

这将确保附加“body”中存在的所有元素，例如“.leftbutton”，即使稍后添加元素也是如此。

如果您愿意，请查看此内容以了解更多信息！ http://api.jquery.com/on/

jquery ajax load（）在lightbox中的内容

1 个答案: