Question

我在jquery ajax实时内容上使用此jquery代码用于lightbox。但我想显示下一个和预览按钮。现在只显示图片和关闭按钮。我该怎么办？

  $('a[rel=gallery]').live('click', function() { 
  url = this.href; // this is the url of the element event is triggered from
  $.fn.colorbox({href: url});
  return false;
 });

Answer 1

您可以使用该代码：

$('a[rel="gallery"]').live('click', function(){
    var $this = $(this);
    var rel = $this.attr('rel');

    // Build colorbox sequence
    $this.closest('div').find('a[rel="'+rel+'"]').colorbox({ // find all matching items & init colorbox on them
                open: false, // don't open, just init
                rel: rel // use the rel
    });

    // Open the specific link's colorbox
    $this.colorbox({open: true});
    return false; // prevent
});

Answer 2

您只看到图像和关闭按钮的原因是因为ColorBox与表示系列图像的对象的jquery集合无关。

也就是说，如果ColorBox只显示一个图像，他会隐藏Prev和Next UI元素。

我们不能从你提供的内容中得到更多信息，但不知怎的，你看起来只给他喂了一张图片。

如果在首次加载页面后通过Ajax获取新图像，您可以考虑重新启动ColorBox作为Ajax成功回调的一部分。

Kevin M

$ .live（）上的Jquery colorbox分组问题

2 个答案: