Проблема группировки JQuery Colorbox на $ .live ()

Question

Я использую этот код jquery для лайтбокса на живом контенте jquery ajaxНо я хочу показать кнопки «Далее» и «Предварительный просмотр».Теперь показывает только картинку и кнопку закрытия.Как я могу это сделать?

  $('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.

Мы не можем сказать намного больше из того, что вы предоставили, но как-то похоже, что вы кормите его только одним изображением.

Если новые изображения получаются через Ajax после первой загрузки страницы, вы можете рассмотреть возможность повторного использования ColorBox в качестве части успешного обратного вызова Ajax.

• Кевин М