div의 버튼 숨기기 및 표시 UpdatePanel에서 클릭

Question

UpdatePanel ---> LinkButton -> Div ---> 테이블 구조를 사용하고 있습니다.

<asp:LinkButton ID="lnkbtnUnitAdd" runat="server" OnClientClick="Toggledivs()" OnClick="lnkbtnAdd_Click" Text="Add" ></asp:LinkButton> 

: 내가하는 LinkButton을 클릭하면 이 사업부는 내가 직면하고있는 문제는 내가 너무 많은 JQuery와 함수는 다음과 같이 해봤이다, 먼저 테이블 형식을 표시 가지고 있으며 OnClick 이벤트에서 코드를 실행할 수있다 해도 내가 사용 :

$(document).ready(function() 
{ 
    $("#lnkbtnUnitAdd").click(function() { 
     $("#divUnit").show("slow"); return false; 
    }); 
}); 

또는

function Toggledivs() 
{ 
    $("#lnkbtnUnitAdd").click(function() { 
     $("#divUnit").show("slow"); return false; 
    }); 
} 

이나하는 LinkButton

의 OnClientClick 속성을 사용하지 않고

을

버튼에서 함수가 false를 반환하므로 결과가 동일합니다. Onclient click 또는 document.ready function()이므로 버튼 Onclick 이벤트가 발생하지 않습니다.

그리고 내가 false를 반환하면 div가 제대로 표시되지 않습니다.

전체 프로세스가 updatepanel에서 실행 중일 때 처리 방법을 도와주세요.

Answer 1

이 경우 Control.ClientID을 사용해야 할 수도 있습니다. 사용해보기

$(document).ready(function(){ 
    $("#<%=lnkbtnUnitAdd.ClientID%>").click(function() { 
     $("#divUnit").show("slow"); return false; 
    }); 
}); 

HTML에 이벤트 처리기를 추가하지 않는 것이 좋습니다. 그러나 다음 코드는 작동해야합니다. 클릭 이벤트를 다시 지정할 필요가 없습니다. 당신이 onclick 기능이 실행 얻을하려는 경우

function Toggledivs() 
{ 
    $("#divUnit").show("slow"); 
    return false; 
} 

는

return true; 

주세요.

Answer 2

__doPostBack은 애니메이션이 끝난 후에 만 ​​호출해야합니다. jquery의 show의 두 번째 매개 변수에 콜백 함수를 전달하여이 작업을 수행 할 수 있습니다. UPDATES :

$(document).ready(function() 
{ 
    $("#lnkbtnUnitAdd").click(function (e) { 
     var btnName = $(this).attr('name');   
     $("#divUnit").show("slow",function(){ 
      __doPostBack(btnName,''); //now call the actual postback event  
     }); 

     e.preventDefault(); //prevent default postback behavior 
     return false; 
    }); 
});