첫 번째 다시 게시 한 후 이미지 단추가 jQuery/포스트 백을 실행하지 않습니까?

Question

업데이트 패널이있는 asp.net 웹 앱이 있습니다. 업데이트 패널 내부에는 그리드 뷰 컨트롤이 있습니다. 그리드 뷰 컨트롤에서 나는 두 개의 버튼이 가시성 알 수 있습니다 : 첫 번째 사람 디스플레이 none에 나는이 두 번째 하나는이 onclientclick = "false를 반환이 알 것이다 않는 이유를 설정

<ItemTemplate> 
    <asp:ImageButton class="DeleteLineItem" style="display:none;" ID="ibDelete2" runat="server" CommandName="DeleteRow" ImageUrl="images/d.gif" ToolTip="Delete Line Item?" /> 
    <asp:ImageButton class="TempDeleteLineItem" ID="ibTempDelete" OnClientClick="return false;" runat="server" ToolTip="Delete Line Item?" ImageUrl="images/d.gif" /> 
</ItemTemplate> 

공지 사항; ". id가 ibTempDelete 인 버튼을 클릭하면 일부 jquery가 호출되어 gridview에서 행을 제거한 다음 ibDelete2 버튼 (숨겨진 버튼)의 click 이벤트를 트리거합니다. 그에 대한 JQuery와는 여기에 있습니다 :

$(".TempDeleteLineItem").click(function() { 
    $(this).closest("tr").fadeOut(3000, function() { 
     alert('hi'); 
     __doPostBack($(this).closest ('tr').find ('.DeleteLineItem').attr('name'), ""); 
     $(this).remove(); 
    }); 
}); 

나는 행을 찾아서 페이드 아웃의 DeleteLineItem 이벤트를 호출하고 행을 제거하여 다시 게시물을한다. 이제 웹 페이지를 처음로드 할 때 (그리드보기에 3 개의 레코드가 있다고 가정). 내 페이지가로드되면 ibTempDelete 버튼을 쉽게 클릭 할 수 있으며 jquery를 호출하고 행을 페이드 아웃하고 경고를받으며 포스트를 다시 제거하고 행을 제거합니다. 기본적으로 작동합니다! 중대한 이렇게 나의 문제는 무엇인가?

ibTempDelete 버튼을 클릭하려고하면이 게시물 (현재 2 행이 내 gridview에 있음) 바로 뒤에 문제가 발생하며 더 이상 클릭 할 수 없다는 메시지가 나타납니다. 알림 메시지가 표시되지 않습니다.

내 질문은 asp.net 및 포스트 백 작동 방법에 대한 이해 부족입니다. 첫 번째 포스트 백을 치면 왜 더 이상 버튼을 클릭 할 수 없습니까?

Answer 1

샨 카르는 채팅 날에 도움, 우리는이 일을 결국 :

$(".TempDeleteLineItem").live('click', function() { 
    var $this = $(this); 
    $(this).closest("tr").fadeOut(1000, function() { 
     $(this).hide(); 
     $this.prev('.DeleteLineItem').click(); 
    }); 
    return false; 
}); 

Answer 2

__doPostBack으로 전화하면 언제든지 페이지가 새로 고쳐집니다. $(this).remove()입니다. __doPostBack에 전화하기 전에 전화해도 될까요? 포스트 백 후에도 페이지가 새로로드되면 이벤트 핸들러는 그대로 작동해야합니다. 라이브를 사용해보십시오.

$(".TempDeleteLineItem").live('click', function() { 
    $(this).closest("tr").fadeOut(3000, function() { 
     $(this).hide().find('.DeleteLineItem').click(); 
    }); 
});