Es scheint, dass JQuery und AjaxToolkit nicht zusammenarbeiten

Question

Ich habe eine schöne Tooltip-Box mit JQuery erstellt und ich verwendet einige Plugin, die sehr gut in allen Browsern funktioniert. aber das Problem ist gestartet, wenn ich meine Komponente in einem Update-Panel setzen ich dies erklären, indem einige Code zeigen:

 <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>

Die Update-Panel ist notwendig, wenn ich auf die Schaltfläche und auf Zeile Datenbindungsereignis, das innerhalb meiner Grouploader-Komponente ist klicken.

es funktioniert beim ersten Mal, aber nach dem Klicken auf die Schaltfläche, die innerhalb der Update-Panel Jquery-Ereignis nie wieder steigen ist.

Wie kann ich das Problem lösen?

Answer 1

Versuchen Sie stattdessen diesen Code. Er sorgt dafür, dass das Skript ausgeführt wird, nachdem alles in UpdatePanel aktualisiert wurde. (Referenz: 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 funktioniert nicht nach asynchronen Postback von update panel.so müssen Sie endrequesthandler verwenden, Hier ist, wie es zu tun. http://codethatworkedforme.blogspot.com/2011/08/having-issues-with-update-panel.html