Javascript не влияет на HTML-код, добавленный с помощью Javascript - PullRequest
0 голосов
/ 06 октября 2009

Я использую jquery и uploadify для загрузки фотографий на сервер. После загрузки фотографий они добавляются в контейнер div с помощью ajax. Все отлично работает, кроме кнопки УДАЛИТЬ. Все кнопки удаления работают при загрузке страницы, но те, которые добавлены через ajax, не работают. Я предполагаю, что это потому, что я определил функцию, которая позволяет удалять изображения и не использовал «классический» способ удаления (удаление формы):

// Delete photo              
    $(".blog_slike .delete_slika").click(function() {
        var commentContainer = $(this).parent().parent();
        var id = $(this).attr("id");
        var string = 'id='+ id ;

        $.ajax({
           type: "POST",
           url: "./include/ajax-edit/delete.php?polje=blog_slika",
           data: string,
           cache: false,
           success: function(){
            commentContainer.fadeOut("slow");
            $('#load').fadeOut();
           }       
        });

        return false;
    });

Есть идеи, как заставить кнопку работать после ее добавления в HTML-код с помощью функции append()?

Еще одна вещь ... чтобы добавить фотографии в редактор tinymce, я использую эту функцию:

<a href=\"javascript:;\" onmousedown=\"tinyMCE.execCommand('mceInsertContent',false,'$slike_u_sadrzaj');\">Ubaci sve slike u blog</a>

... который также был добавлен при загрузке страницы. Как добавить контент в место, где находится $slike_u_sadrzaj, и как его удалить?

Спасибо, Ile

1 Ответ

9 голосов
/ 06 октября 2009

Вам нужен метод jquery live.

Добавлено в jQuery 1.3: привязывает обработчик к событию (например, нажатию) для всех текущих и будущих элементов. Может также связывать пользовательские события.

jQuery документация

Пример кода:

  $(".blog_slike .delete_slika").live('click',function() {
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...