Question

您好，我在内容页面中有一个Jquery对话框，我已声明如下：

function showImageDialog(Id_Image) {
        $(document).ready(function () {
            //$("[id$='divImageDialog']").html($(Id_Image));
            $("[id$='divImageDialog']").dialog({
                title: ']',
                autoOpen: true,
                buttons: {
                    "Close": function () {
                        $(this).dialog("close");
                    }
                },
                open: function (event, ui) {
                    $(this).parent().children().children('.ui-dialog-titlebar-close').hide();
                },
                open: function (type, data) {
                    $(this).parent().appendTo("form:first");
                },
                close: function (event, ui) {
                    $(this).dialog("close");
                    $(this).dialog('destroy');
                },
                show: {
                    effect: "bounce",
                    duration: 500
                },
                hide: {
                    effect: "fade",
                    duration: 500
                }
            });

        });

我在内容页面中有一个updatepanel我在其中放置了以下div：

<div class="divImageDialog" id="divImageDialog">
            <asp:DataList ID="DLImages" DataKeyField="Id" runat="server" RepeatDirection="Horizontal" RepeatColumns="1">
                <ItemTemplate>
                    <table align="center">
                        <tr align="center">
                            <td align="center">
                                <asp:Label ID="lblName" runat="server" Text='<%#Eval("TFName")%>'></asp:Label>
                                <br />
                                <br />
                            </td>
                        </tr>
                        <tr align="center">
                            <td align="center">
                                <img src='<%# "../Classes/Handlers/Handler.ashx?Type=1&Id=" + Eval("Id") %> ' />
                                <br />
                                <br />
                            </td>
                        </tr>
                    </table>
                </ItemTemplate>
            </asp:DataList>
            <div align="center">
                <asp:ImageButton runat="server" ID="lnkFirst" ImageUrl="~/Content/Images/DL/btnFirst.png" CssClass="btnNav" ImageAlign="AbsMiddle" ToolTip="First" OnClick="lnkFirst_Click" />
                <asp:ImageButton runat="server" ID="lnkPrev" ImageUrl="~/Content/Images/DL/btnPre.png" CssClass="btnNav" ImageAlign="AbsMiddle" ToolTip="Pre" OnClick="lnkPrev_Click" />
                <asp:ImageButton runat="server" ID="lnkNext" ImageUrl="~/Content/Images/DL/btnNext.png" CssClass="btnNav" ImageAlign="AbsMiddle" ToolTip="Next" OnClick="lnkNext_Click" />
                <asp:ImageButton runat="server" ID="lnkLast" ImageUrl="~/Content/Images/DL/btnLast.png" CssClass="btnNav" ImageAlign="AbsMiddle" ToolTip="Last" OnClick="lnkLast_Click" />
            </div>
        </div>

这是当我点击四个导航图像按钮中的每一个时的问题虽然div位于UpdatePanel的{{1}}内，我得到AsyncPostBack！

Answer 1

您没有包含UpdatePanel的代码，因此很难猜出可能出现的问题。也许您有一个asp:PostBackTrigger元素引用您的子控件？

为什么单击updatepanel内的JQuery Dialog内的按钮发布AsyncPostback的页面？

1 个答案: