如何在每次删除记录时显示消息?

时间:2014-03-03 09:18:56

标签: jquery html ajax

我有删除按钮的记录列表。我正在使用ajax-Jquery删除记录。当我第一次显示消息时删除记录。但是当我删除没有刷新页面的其他记录时,它不显示消息。为此,我需要每次刷新页面。

jquery的

$(document).on('click', '[name="deleteRecord"]', function(){
     var id= $(this).attr('id');
     var parent = $(this).parent().parent();
      if (confirm("Are you sure you want to delete this row?"))
        {
         $.ajax({
                   type: "POST",
                   url: "admin_operation.php?mode=delete_category",
                   data:{id:id},
                   cache: false,

                   success: function(data)
                   { 

                    if($.trim(data)== 'yes')
                    {  
                      $("#notice").html('<div class="alert alert-warning"<strong>Successfully !</strong> record deleted.</div>').fadeOut(5000);
                      parent.fadeOut('slow', function() {$(this).remove();});


                    }
                    else
                    {
                      alert('record can not be deleted.Try later. ');
                    }
                  }
             });
        }

 });

HTML

<div id="notice" >

     **here message is displayed**
</div>
首次显示

消息,但未显示第二次消息,我认为删除第一次记录时会删除div id=notice。所以第二次函数不能使用id = notice来配置div元素。

2 个答案:

答案 0 :(得分:0)

请从

中删除此$(this).remove();
parent.fadeOut('slow', function() {$(this).remove();});

并尝试

答案 1 :(得分:0)

第二次,#notice div被隐藏,因此当您显示错误时,您不会显示它。在show div

上使用#notice功能
   $("#notice")
   .show()
   .html('<div class="alert alert-warning"<strong>Successfully !</strong> record deleted.</div>')
   .fadeOut(5000);