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

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

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

DEMO：http://jsfiddle.net/pujr8/

JQuery点击操作只能运行一次

2 个答案: