Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   После добавления контента. Не работает функция. Как сделать рабочей? (https://javascript.ru/forum/jquery/52594-posle-dobavleniya-kontenta-ne-rabotaet-funkciya-kak-sdelat-rabochejj.html)

makarow.dmitry 26.12.2014 00:57

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