模态弹出扩展器需要点击 2 次才能触发

Question

我在这个论坛和其他论坛上查看了各种类似的问题，但没有找到答案。

我有几个带有相应面板的 modalpopup 扩展器。我在页面上没有更新面板或任何其他 ajax 控件。页面显示 OK（加载时面板不可见）。

问题是第一次尝试打开弹出窗口。单击任何目标按钮会导致在第二次单击之前不会出现弹出窗口。在此初始故障之后，单击任何按钮一次将使相应的面板根据需要显示。

是什么导致了这个问题。

我的代码的精简版......

<asp:Button ID="but_Pn1Opn" runat="server" Text="Panel One" />
<asp:Button ID="but_Pn2Opn" runat="server" Text="Panel Two" />

<asp:ModalPopupExtender ID="mpx_Pn1" runat="server" OkControlID="but_Pn1Cls" 
BehaviourID="Pn1" DynamicServicePath="" Enabled="true" PopupControlID="Pn1"
TargetControlID="but_Pn1Opn" BackgroundCssClass="modalBackground" />
<asp:Panel ID="Pn1" runat="server" Width="600px" CssClass="modalPopup" Style="display:none">
<div class="box">
<table>
<tr><th>Panel One Title</th></tr>
<tr><td>Panel One Content</td></tr>
<tr><td><asp:Button ID="but_Pn1Cls" runat="server" Text="Close" /></td></tr>
</table>
</div>
</asp:Panel>

<asp:ModalPopupExtender ID="mpx_Pn2" runat="server" OkControlID="but_Pn2Cls" 
BehaviourID="Pn2" DynamicServicePath="" Enabled="true" PopupControlID="Pn2"
TargetControlID="but_Pn2Opn" BackgroundCssClass="modalBackground" />
<asp:Panel ID="Pn2" runat="server" Width="600px" CssClass="modalPopup" Style="display:none">
<div class="box">
<table>
<tr><th>Panel Two Title</th></tr>
<tr><td>Panel Two Content</td></tr>
<tr><td><asp:Button ID="but_Pn2Cls" runat="server" Text="Close" /></td></tr>
</table>
</div>
</asp:Panel>

我的实际页面有 7 个这样的面板。

任何帮助表示赞赏。

Answer 1

我复制了您的代码并运行了它。你确实有一个脚本管理器，对吗？此外，由于出现以下错误，我删除了 BehaviourID 属性：

“AjaxControlToolkit.ModalPopupExtender”没有名为“BehaviourID”的公共属性

我认为这是由于工具包的不同版本造成的。此属性用于表示与事件关联的 Javascript 函数。尝试删除它，看看会发生什么。