После добавления контента. Не работает функция. Как сделать рабочей?
Всем привет! Вот уже капаюсь около 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> Спасибо |
Часовой пояс GMT +3, время: 17:49. |