JQuery 点击操作只有效一次

Question

$("#button_title_delete").click(function(){
    jQuery.ajax({type:'POST', 
            url:'delete.php',
            data: 'id='+$("bid").val(), 
            success: function(veri) { $("#delete_result").html(veri);}
        });
    }); 

当我单击 ID 为“button_title_delete”的按钮时，此 function 仅工作一次。 我究竟做错了什么？ 我应该如何解决这个问题？

Answer 1

可能是因为您正在替换 AJAX function 的success回调上的按钮。您需要使用 jQuery 的.on()方法来附加点击事件。

Answer 2

我的猜测是该按钮在$("#delete_result")内部。 当您执行$("#delete_result").html(veri)时，您将删除按钮（及其事件），然后制作一个新按钮。

您需要使按钮具有“实时”事件。 像这样：

$("#delete_result").on("click", "#button_title_delete", function(){
    jQuery.ajax({type:'POST', 
            url:'delete.php',
            data: 'id='+$("bid").val(), 
            success: function(veri) { $("#delete_result").html(veri);}
        });
    }); 

演示： http://jsfiddle.net/pujr8/