我使用.load()函数后脚本函数不能正常工作

时间:2018-05-28 02:08:39

标签: javascript php jquery html

我在表中添加数据并且我阻止页面重新加载,所以我使用load函数来加载表并从中获取数据而不重新加载页面。

示例输出: enter image description here

然后在我添加付款后: enter image description here

我使用此代码加载数据而不重新加载页面:

$('#payment-body').load('client-info.php?id='+c_id+' #payment-body');

现在我的问题是。如您所见,打印机图标后面有X图标。

我用该图标设置功能。这是功能:



    $(".remove-transaction").click(function()
    {
    var p_id = $(this).attr("id");
    var c_id = $(this).attr("name");
    var remove_payment = $(this).attr("id"); 

    $.ajax({
        url: 'proccess.php',
        type: 'POST',
        async: false,
        data: {'p_id':p_id,'c_id':c_id, 'remove_payment':remove_payment},
        beforeSend : function(){
            $("#status").fadeIn(0).delay(2500).hide(0);
            $("#recieptModal_"+p_id).modal("hide");
            $("#statusModal").modal("show");
            $(".header-status").html('<h4>Please Wait...</h4>');
            $("#status").html('<h3 class="center"><em class="fas fa-sync fa-spin checking-client"></em> &nbsp; Deleting Payment...</h3>');
        },
        success: function(response){
            $("#status").fadeIn(0, function(){
                $(".header-status").html('<h4>Done!</h4>');
                $("#status").html('<h3 class="center"><em class="far fa-trash-alt invalid-client"></em> Payment Removed!</h3>');
                $("#payment-row"+p_id).fadeOut('slow');
                $('#total-paid').load('client-info.php?id='+c_id+' #total-paid');
                $('#total-balance').load('client-info.php?id='+c_id+' #total-balance');
                $('#remarks').load('client-info.php?id='+c_id+' #remarks');
                window.setTimeout(function () {
                    $("#statusModal").modal("hide");
                }, 3000);
            });
        },
        error: function(error){
             console.log(error.responseText);
        //you could debug your php code if some error raises
        }

        });
    });
&#13;
&#13;
&#13;

重新加载页面时它正在工作。但我想要发生的是让它在不重新加载页面的情况下工作。或者你可以看到。只需使用.load()函数。

1 个答案:

答案 0 :(得分:1)

尝试这样做,我认为这是因为新附加的数据功能不起作用,

 $(document).on('click', '.remove-transaction', function(){