Question

我一直在尝试找到在删除记录的行中显示消息的方法。我的td标签上有一个按钮。单击该按钮后，我有一个带有ajax调用的函数，它从DB中删除记录，但同时我想在该行内显示消息2秒，然后淡出该消息。我还想把斑马风格留在我的桌子上。这是我的HTML代码：

<tr class="~[evenoddrow]">
    <td>Some text</td>
    <td>
      <input id="delDel_(id)" type="checkbox" />
      <a name="delRec" onClick="recDelete('myForm',id)"></a>
    </td>
</tr>

JavaScript / JQuery代码：

function recDelete(frm,recId){
    $('#delRec_'+recId).prop('checked', true );
    var myForm = $j('#'+frm).serialize();

    $.ajax({
        type:'POST',
        url:'test.html',
        data:myForm
    })
    .done(function(data){
        if( $.trim(data) == 'success'){
            $('#delRec_' + recId).closest('tr').addClass("feedback").show().html("Record deleted.").delay(1500).fadeOut('slow');
        }else{
            $('#delRec_' + recId).closest('tr').addClass("feedback2").show().html("Error deleting");        
            }
    })
    .fail(function(jqXHR, textStatus, errorThrown){ 
        myFunc(errorThrown)
    });     
}

我当前的代码显示了我添加的反馈类创建的消息，但是在我的消息显示并淡出之后该行会上下跳转。我检查了我的CSS并尝试调整高度和宽度，但这没有帮助。我认为我的JQuery中有些东西很奇怪，我将类添加到另一个元素中。在我显示该消息后，我的斑马风格也已关闭。消息消失后，我想保持这种风格。如果有人可以帮助解决这个问题，请告诉我。谢谢。

从表添加类中删除行并显示消息后，还保留斑马风格？

0 个答案: