Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.12.2014, 00:57
Интересующийся
Отправить личное сообщение для makarow.dmitry Посмотреть профиль Найти все сообщения от makarow.dmitry
 
Регистрация: 11.01.2014
Сообщений: 15

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



Спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать такую страницу mortido Элементы интерфейса 11 02.10.2014 07:20
Не могу разобраться, как работает функция Dionid Общие вопросы Javascript 4 21.06.2014 18:14
как сделать чтобы оба скрипти работали sarik Общие вопросы Javascript 18 15.02.2013 14:43
Как сделать паузу после загрузки страницы? denisOgr AJAX и COMET 2 06.08.2011 15:01
Добавить функцию, не знаю как сделать maxim96 Элементы интерфейса 0 23.07.2011 21:16