Не работает JS после подгрузки на AJAX
Приветствую всех!
Долго искал в гугле решения проблемы, но увы скила не хватает понять ее решение.
Есть код для загрузки гиф:
$('.gif-with-play').on('click', function() {
var $this = $(this),
$img = $this.children('img'),
$imgSrc = $img.attr('src'),
$imgSrcgif = $img.attr('data-srcgif'),
$imgExt = $imgSrcgif.split('.');
if($imgExt[2] === 'gif') {
$this.addClass('loading-hide');
$img.attr('src', $img.data('srcgif')).attr('data-srcgif', $imgSrc);
$($img).load(function(){
$this.removeClass('loading-hide');
});
} else {
$img.attr('src', $imgSrcgif).attr('data-srcgif', $img.data('srcgif'));
}
$this.toggleClass('play');
});
Проблема в том, что после загрузки ленты по средствам AJAX, click не работает, гиф не загружает. Помогите, кто вкурсе. Буду очень признателен.
Долго искал в гугле решения проблемы, но увы скила не хватает понять ее решение.
Есть код для загрузки гиф:
$('.gif-with-play').on('click', function() {
var $this = $(this),
$img = $this.children('img'),
$imgSrc = $img.attr('src'),
$imgSrcgif = $img.attr('data-srcgif'),
$imgExt = $imgSrcgif.split('.');
if($imgExt[2] === 'gif') {
$this.addClass('loading-hide');
$img.attr('src', $img.data('srcgif')).attr('data-srcgif', $imgSrc);
$($img).load(function(){
$this.removeClass('loading-hide');
});
} else {
$img.attr('src', $imgSrcgif).attr('data-srcgif', $img.data('srcgif'));
}
$this.toggleClass('play');
});
Проблема в том, что после загрузки ленты по средствам AJAX, click не работает, гиф не загружает. Помогите, кто вкурсе. Буду очень признателен.