javascript - JQuery 在 Ajax 函数后删除表格行

Question

我知道还有其他类似的问题，但是我执行代码的方式有很大不同，因此我应该如何将代码实现到脚本中很复杂。 当我单击按钮删除行时执行 Ajax 函数后，我希望该行淡出，但是每次我添加代码以淡出时，控制台中总是出现错误。

这是 HTML

<tr class="shift_type1">
    <td>Date</td>
    <td>Location</td>
    <td>Name</td>
    <td>Time One</td>
    <td>Time Two</td>
    <td class="controlbuttons">
        <div class="settings">
            <span class="icons"><img src="http://i.imgur.com/nnzONel.png" alt="X" /></span>
            <span class="icons" onclick="deleteRow('rowcodehereinphp')">Delete</span>
            <div class="icons">Edit</div>
            <div class="icons">Fill</div>
        </div> 
    </td>
    </tr>

这是我用来从我的 SQL 数据库中删除条目的 jQuery

 <script type="text/javascript">
    function fadeTr(code) {
    $(this).closest('tr').find('td').fadeOut(1000, 
        function(){ 
            // alert($(this).text());
        $(this).parents('tr:first').remove();                    
    });    
}
function deleteRow(code) {
        var proceed = true;
        if (proceed) {
            post_data = {'code': code};
            $.post('DeletePush.php', post_data, function (response) {
                if (response.type == 'error') {
                    output = '<div class="error">' + response.text + '</div>';
                } else {
                    output = '<div class="success">' + response.text + '</div>';
                }
                if (response.type == 'error') {
                    $("#result").hide().html(output).slideDown();
                }
                else {
                    $("#result").hide().html(output).slideDown().fadeTr(code);

                }
            }, 'json');
        }
    };

控制台日志错误

Uncaught TypeError: undefined is not a function 
(anonymous function) 
j 
k.fireWith 
x 
b

Answer 1

以一种不同且更简单的方式执行此操作:

假设您的 html 标记如下所示。 只需将代码添加到类或行中。例如

<tr class="shift_type1_<?php echo $rowcodehereinphp; ?>">
.
.
.
</tr>

在你的 jquery 或 javascript 之后

$(".shift_type1_"+code).fadeOut(slow);
Here "code" is the parameter which you will receive in your deleteRow(code) function.

希望有帮助..干杯..