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 documentation

示例代码：

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

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

1 个答案: