JQuery AJAX ссылку, возвращенные данные включают в себя из того, что не будет отправлять

Question

У меня проблема с возвращенными данными из запроса ajax. Обычно, когда я нажимаю на ссылку, он запускает ajax-запрос на загрузку html-кода в div, эта часть работает нормально, проблема возникает, когда данные загружаются.

Часть загруженного html - это форма, эта форма работает нормально, если я загружаю страницу напрямую, но когда она загружается через ajax в div, он не отправляет, но остальные ссылки в html работают нормально.

Вот код, который запрашивает данные удаленного HTML:

// Ajax to load image editing page
$('a.editpicture').click(function(e) {
    e.preventDefault();
    var picture = $(this).attr("id")

    $.ajax({
        url: 'http://localhost/digital-xposure/index.php/members/viewpicture/' + picture,
        success: function(data) {
            $('#update-picture').html(data);
        }
    });
});

Это форма, которую он загружает:

<form method="post" id="updatepicture" name="updatepicture" action="http://localhost/digital-xposure/index.php/members/editpicture"/>

        <p>Title<input type="text" name="title" id="title" style="input" value="<?php echo $title; ?>"></P>
        <p>Album<?php echo $albums;?></p>
        <p>Description<textarea name="description" id="description" cols="50" rows="5"><?php echo $description; ?></textarea></P>
            <input type="hidden" name="filename" id="filename" value="<?php echo $filename; ?>" />
        <input type="button" name="update-submit" id="update-submit" value="Update details" class="button"> Or <input type="button" onClick="location.href='<?php echo base_url(); ?>index.php/members/deletepicture/<?php echo $filename; ?>'" value="Delete picture" class="button">

    </form>

Есть идеи, почему форма не будет отправлена ​​после загрузки в div? Спасибо за любую помощь, спасибо.

Calum

Answer 1

Выполните просмотр источника, чтобы убедиться, что отображаемый HTML-код существует.

Если вы его не нашли, проверьте сгенерированный источник (эта функция имеется в дополнении для веб-разработчика Firefox), чтобы проверить, присутствует ли сгенерированный HTML.

Answer 2

Ваша форма закрывается самостоятельно:

<form method="post" id="updatepicture" name="updatepicture"
action="http://localhost/digital-xposure/index.php/members/editpicture"/>

Попробуйте вместо этого:

<form method="post" id="updatepicture" name="updatepicture" 
action="http://localhost/digital-xposure/index.php/members/editpicture">

Firefox может обнаружить его во время обычной работы, но не сможет обнаружить его, если он встроен с использованием скрипта.

Удачи.

Answer 3

вместо использования синтаксиса .click

попробуйте переписать ваши события как

$('.selector').live('click', function(){....});