Всем привет! Вот уже капаюсь около 4 часов. Не могу найти решение.
Если подскажите где я ошибся - буду благодарен)
1. Есть скрипт, который добавляет фотографию при загрузке.
2. Второй скрипрт - меняет фото.
Когда генерится контент (при обновлении страницы) - все работает.
Когда же я добавляю через аякс - не срабатывает скрипт изменения фото.
1. Скрипт добавления
//Добавление фотографий образов
$(function(){
$(".add-additional-photo-content").children('input').change(function () {
$input_this_form = $(this);
$(this).parents('.add-additional-photo-content').ajaxSubmit({
beforeSubmit: function(){
},
error: function() {
alert('Ошибка получения запроса');
},
success: function(data){
$id_photo_this2 = $input_this_form.siblings('input').val();
$for_search_id_img = '#img'+ $id_photo_this2;
$for_after_add_content = $($for_search_id_img).parents('.tag-with-block').parents('.photo-left-block').parents('.photo-block').next('.panel-block');
for (var i = data.length - 1; i >= 0; i--) {
$div_content = $('<div class="photo-block"><div class="photo-left-block"><div class="tag-with-block"><img id="img'+data[i]['id_image']+'" src="/uploads/'+data[i]['url_image']+'"></div></div></div><div class="panel-block"><div class="menu-item-block delete-bt-color"><svg class="menu-item-block-svg" viewBox="0 0 24 24"><use xlink:href="#delete" ></use></svg></div><div class="photo-item-block"><p class="text-on-button">изменить фото</p><svg class="photo-item-block-svg" viewBox="0 0 24 24"><use xlink:href="#change-photo" ></use></svg><form class="change-photo-content" enctype="multipart/form-data" method="post" action="/change_photo/"><input id="id_image" name="image" type="file" /><input type="hidden" value="'+data[i]['id_image']+'" name="id_photo"/></form></div></div>')
$for_after_add_content.after($div_content);
};
}
});
});
});
2. Скрипт изменения
//Изменение фотографий основных
$(".change-photo-content").children('input').change(function () {
$input_this_form = $(this);
$(this).parents('.change-photo-content').ajaxSubmit({
beforeSubmit: function(){
},
error: function() {
alert('Ошибка получения запроса');
},
success: function(data){
//Выбрать фотку под панелью
$id_photo_this = $input_this_form.siblings('input').val();
$for_change_src = '#img'+ $id_photo_this;
$link_for_image = '/uploads/'+data;
$for_change_src_go = $($for_change_src).attr("src", $link_for_image);
}
});
});
3. Страница HTMl
<div class="photo-block for-moderator-page">
<div class="photo-left-block">
<div class="tag-with-block">
<img id="img474" src="/uploads/image/знаменитостей-получаются-красивые_картинки_1326785864_nNIfbc8.jpg">
</div>
</div>
</div>
<div class="panel-block for-moderator-page">
<div class="menu-item-block delete-bt-color">
<svg class="menu-item-block-svg" viewBox="0 0 24 24">
<use xlink:href="#delete" ></use>
</svg>
</div>
<div class="photo-item-block">
<p class="text-on-button">изменить фото</p>
<svg class="photo-item-block-svg" viewBox="0 0 24 24">
<use xlink:href="#change-photo" ></use>
</svg>
<form class="change-photo-content" enctype="multipart/form-data" method="post" id="image_change_form" action="/change_photo/">
<input id="id_image" name="image" type="file" />
<input type="hidden" value="474" name="id_photo"/>
</form>
</div>
</div>
Спасибо