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

Question

我正在使用jquery和uploadify将照片上传到服务器.上传照片后,使用ajax将它们添加到div容器中.一切都很好,除了DELETE按钮.所有删除按钮都适用于页面加载,但通过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位置以及如何删除它？

谢谢,Ile

Answer 1

你需要jquery live方法.

在jQuery 1.3中添加:将处理程序绑定到所有当前和未来匹配元素的事件(如单击).也可以绑定自定义事件.

jQuery文档

示例代码:

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