Я пытаюсь вызвать событие click для динамически созданного элемента. Я использовал .on() для привязки событий кликов, но кажется, что триггерный метод запускается до создания элемента. Я попытался запустить клик в нескольких местах, и ничего не работает. Любая помощь будет оценена по достоинству. Я пытаюсь вызвать клик по первому диапазону, который создается с помощью $ ('container: first-child'). Trigger ('click');Использование .trigger() для динамически созданного элемента
displayThumbnails = function() {
$(photoArray).each(function(index) {
var thumbnailImg = this.SmallImageUrl,
largeImg = this.LargeImageUrl,
thumbnailId = 'thumbnail' + index,
largeImgId = 'image' + index;
if(index > indexCount) {
return false;
} else if (index >= indexStartValue && index <= indexCount) {
$(thumbContainer).append(
'<span class="thumbnail" id="' + thumbnailId + '"><img height="45px" width="60px" src="' + thumbnailImg + '"/></span>'
);
$(thumbContainer).on('click', '#' + thumbnailId, function(){
$(thumbContainer).find('.active').removeClass('active');
$(this).addClass('active');
$('#displayed-image').attr('src', largeImg);
});
}
});
};
Я не вижу триггер в коде, но вы бы хотели использовать .on() для привязки события click к элементу и убедитесь, что вызов триггера на событие click запущен в обратном вызове добавляемый элемент или какое-то другое время, как только вы уверены, что он существует в DOM. – j08691
Вот что я предположил, что проблема была, но проблема в том, что мне нужно, чтобы она каким-то образом была привязана к вышеуказанной функции. Эта функция вызывается несколько раз, и я пытаюсь использовать триггер для заполнения # display-image div каждый раз, когда загружается новый набор изображений. – user699242