jQuery-AJAX |同一页面上有两个 ajax 帖子 | POST 后的问题

Question

我遇到了一个奇怪的情况。 我无法从逻辑上解决它。

问题: (所有操作都必须在不刷新页面的情况下完成!):

• jQuery 向服务器发出 AJAX POST 以将内容添加到数据库中。 (写点东西。)...(它有效!)
• 现在该元素已显示(并且有一个删除按钮)
• 现在，如果我单击此元素将其删除(创建新的 jQuery AJAX POST)...
• 什么也没发生

AJAX 是否有限制，或者我必须检查/重新编辑/学习一些东西？

Firebug 返回该新元素，并检查它 - 我应该能够在创建它时将其删除。 (删除仅在我刷新页面后才有效。)

请帮忙!

编辑1:链接已删除。

EDIT.2:这是旧的(勘误表)代码: (一切都在“文档准备”功能中)

////////////常见: $('.list >*').addClass('删除'); var valDel = 0; $('.delete').attr('value', function() {valDel++; return +valDel;});

/////////////// WRITE:

$(function() {
    $("form.form #submit_btn").click(function() {

    //SOMETHING ON CLICK....+

        var name = $('#name').val();  
        var comment = $('#comment').val();
        var email = $('#email').val();

        var i = 0;
    $.ajax({
        type: "POST",
        data: "ime="+ime+"&komentar="+komentar+"&email="+email,
        cache: false,
        success: function(){

        //SOMETHING ON SUCCESS....+

            $('.list >*').addClass('delete');
            $('.delete').attr('value', function() {i++;    return ''+i;}); // FIX: add again incremented values

        }
    });
    return false;
    });
}); 
/////////////////////// DELETE:


$(function() {
    $(".delete").click(function() {    // THE FIX: ...).live('click', function(){...
        $(this).addClass('toBeDeleted');
        var valx = $(this).attr("value");
        var string = 'valx='+ valx;

        $.ajax({
            type: "POST",
            data: string,
            cache: false,
            success: function(){

            $('.toBeDeleted').hide( function() { 
                $(this).remove();
                var reValDel = 0;$('.list >*').attr('value', function() {reValDel++;    return +reValDel;});
            });

          }
         });
        return false;
    });
});

Answer 1

我怀疑当您在创建新项目后动态添加 dom 元素时，不会添加单击事件处理程序。您应该使用 jQuery“实时”功能将单击事件绑定(bind)到元素。

查看您的来源，看起来您应该更改此内容:

$(".delete").click(function() {...

到此

$(".delete").live("click", function() {...