Javascript 不影响使用 javascript 添加的 html 代码

Question

我正在使用 jquery 和 uploadify 将照片上传到服务器。上传照片后，它们会使用 ajax 添加到 div 容器中。一切都很好，除了删除按钮。所有删除按钮都适用于页面加载，但通过 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;
    });

知道如何使用append() 函数将按钮添加到 html 代码后使其工作吗？

还有一件事...将照片添加到 tinymce 编辑器我使用此功能：

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

...这也是在页面加载时添加的。如何将内容添加到$slike_u_sadrzaj 所在的位置以及如何删除？

谢谢， 伊莱

Answer 1

你需要 jquery live 方法。

在 jQuery 1.3 中添加：将处理程序绑定到所有当前和未来匹配元素的事件（如点击）。也可以绑定自定义事件。

jQuery documentation

示例代码：

  $(".blog_slike .delete_slika").live('click',function() {