При подгрузки картинок через ajax не работает lightbox, как исправить?

Question

[Nmrus]

Lightbox работает только для первых загруженных изображений. После использования ajax в подгруженных изображениях не работает открытие по клику на них, lightbox не открывается, только можно листать начиная с первых картинок которые открывались изначально.
Как исправить? Подскажите пожалуйста.

function get_materials() {
global $post;
$materials_slugs = $_POST['materials_slugs'] ? $_POST['materials_slugs'] : '';
$paged = $_POST['paged'] ? $_POST['paged'] : 1;
$terms_slugs = explode(',',$materials_slugs);
$return_html = '';
$args = array(
'post_type' => 'attachment',
'paged' => $paged,
'post_mime_type' => 'image',
'post_status' => 'any',
'orderby' => 'title',
'order' => 'ASC',
'tax_query' => array(
array (
'taxonomy' => 'product_materials',
'field' => 'slug',
'terms' => $terms_slugs,
),
),
);
$materials = new WP_Query($args);
$max_pages = $materials->max_num_pages;
if ($materials->have_posts()):
while ($materials->have_posts()): $materials->the_post();
$title = get_the_title();
$return_html .='';
$image_full = wp_get_attachment_image_src( $post->ID, 'full' );
$image_thumb = wp_get_attachment_image_src( $post->ID, 'thumbnail' );
$return_html .= ' ';
$return_html .='';
$return_html .= '' . $title .'';
endwhile;
endif;
if ($paged < $max_pages) {
$next_page = $paged + 1;
$return_html .= 'Показать больше';
}
wp_reset_postdata();
echo $return_html;
wp_die();
}

add_action('wp_ajax_get_materials', 'get_materials');
add_action('wp_ajax_nopriv_get_materials', 'get_materials');

Answer 1

[Maksym Davydchuk]

Это потому что эти элементы созданы динамически(их не было изначально на странице). По этому после подгрузки постов нужно обновить lightbox - читайте документацию к плагину

Comments

[Nmrus]

Нашел:

Infinite-Scroll and similar "endless pages"-plugin, should call doLightbox(); whenever it loads new content. Most plugins have a setting for code that is called after each new page is loaded - just give it this: if(typeof doLightBox !== 'undefined' && typeof jQuery !== 'undefined'){ doLightBox(); }

Но что-то после добавления вызова перестают подгружаться изображения. Может не туда вставляю вызов лайтбокса? В какой фрагмент надо добавить?

[Maksym Davydchuk]

Nmrus: В блоке success ajax запроса я думаю

[Nmrus]

Всё, разобрался, спасибо!