javascript - 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);}
        });
    }); 

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

Answer 1

可能是因为您要替换successAJAX 函数回调上的按钮。您需要使用 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/