JQuery와 AjaxToolkit이 함께 작동하지 않는 것 같습니다.

Question

JQuery를 사용하여 멋진 툴팁 상자를 만들었으며 모든 브라우저에서 잘 작동하는 플러그인을 사용했습니다. 내가 업데이 트 패널에 내 구성 요소를 넣을 때하지만 문제는 내가 쇼에 의해 몇 가지 코드를이 설명 시작 : 나는 버튼이며 행 데이터 바인딩 이벤트를 클릭하면

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
          <ContentTemplate> 
           <asp:UpdateProgress ID="UpdateProgress0" runat="server"> 
            <ProgressTemplate> 
             <div style="width: 100%;"> 
              <p> 
               Please Wait, It is loading... 
              </p> 
             </div> 
            </ProgressTemplate> 
           </asp:UpdateProgress> 
           <table class="style1"> 
            <tr> 
             <td align="center"> 
              <asp:Button ID="btnUpBestSale" runat="server" OnClick="btnUpBestSale_Click" Text="▲" /> 
             </td> 
            </tr> 
            <tr> 
             <td> 
              <div id="demo"> 
               <uc6:GroupLoader ID="GroupLoader1" runat="server" GroupCode="37" ItemCount="5" ItemCountSkipness="0" 
                RepeatedColumns="1" TypeID="Vertical" /> 
              </div> 
              <script> 
               $("#demo img[title]").tooltip({ offset: [30, 25] }); 
              </script> 
             </td> 
            </tr> 
            <tr> 
             <td align="center"> 
              <asp:Button ID="btnDownBestSale" runat="server" OnClick="btnDownBestSale_Click" Text="▼" /> 
             </td> 
            </tr> 
           </table> 
          </ContentTemplate> 
         </asp:UpdatePanel> 

업데이트 패널이 필요하다 내 grouploader 구성 요소 내부.

처음에는 작동하지만 업데이트 패널 jquery 이벤트 내부의 버튼을 클릭 한 후에는 결코 다시 발생하지 않습니다.

어떻게 해결할 수 있습니까?

Answer 1

대신이 코드를 사용해보십시오. UpdatePanel의 모든 내용이 업데이트 된 후 스크립트가 실행되는지 확인합니다. (참조 : http://msdn.microsoft.com/en-us/library/bb383810.aspx) 업데이트에서 비동기 포스트 백 후

<script> 
     var prm = Sys.WebForms.PageRequestManager.getInstance(); 
     prm.add_endRequest(function() { 
      $("#demo img[title]").tooltip({ offset: [30, 25] }); 
     }); 
</script> 

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
          <ContentTemplate> 
           <asp:UpdateProgress ID="UpdateProgress0" runat="server"> 
            <ProgressTemplate> 
             <div style="width: 100%;"> 
              <p> 
               Please Wait, It is loading... 
              </p> 
             </div> 
            </ProgressTemplate> 
           </asp:UpdateProgress> 
           <table class="style1"> 
            <tr> 
             <td align="center"> 
              <asp:Button ID="btnUpBestSale" runat="server" OnClick="btnUpBestSale_Click" Text="▲" /> 
             </td> 
            </tr> 
            <tr> 
             <td> 
              <div id="demo"> 
               <uc6:GroupLoader ID="GroupLoader1" runat="server" GroupCode="37" ItemCount="5" ItemCountSkipness="0" 
                RepeatedColumns="1" TypeID="Vertical" /> 
              </div> 
             </td> 
            </tr> 
            <tr> 
             <td align="center"> 
              <asp:Button ID="btnDownBestSale" runat="server" OnClick="btnDownBestSale_Click" Text="▼" /> 
             </td> 
            </tr> 
           </table> 
          </ContentTemplate> 
         </asp:UpdatePanel> 

Answer 2

JQuery와 작동 실 거예요 당신이 endrequesthandler을 사용해야합니다 panel.so, 여기 그것을하는 방법은 다음과 같습니다. http://codethatworkedforme.blogspot.com/2011/08/having-issues-with-update-panel.html