使用 Javascript 重新居中模态弹出窗口答案

【问题标题】：Re-center Modal Popup with Javascript使用 Javascript 重新居中模态弹出窗口
【发布时间】：2008-10-07 00:44:01
【问题描述】：

我有一个模式弹出窗口，它最初显示一些内容，但如果选中了一个复选框，则会展开一个 div。除非您向上或向下滚动，否则模态会正确扩展但不会重新定位。是否有一个 javascript 事件可以添加到我的 javascript 函数中以重新定位整个模态？

【问题讨论】：

标签： asp.net javascript

【解决方案1】：

它是这样的：

$find('ModalPopupExtenderClientID')._layout();

例如：

$find('detailsPopUpExtenderId')._layout();

在 aspx 中：

<ccl:ModalPopupExtender runat="server" ID="MyPopUpExtender" TargetControlID="pop" PopupControlID="PopUp" BehaviorID="detailsPopUpExtenderId" BackgroundCssClass="ModalBackground" />

BehaviorID 是设置客户端 ID 的属性。

【讨论】：

效果很好，谢谢。我在代码中使用了 ClientID 属性来获取完整的客户端 ID。
您可以在ModalPopupExtender 控件上建立属性BehaviourId，无需考虑ClientID $find('bahaviour id')._layout();。无论如何，好把戏。谢谢！

【解决方案2】：

请注意，这与窗口的调整大小事件无关。如果是这样，您的重新定位可能会触发 IE 中的调整大小事件，这将导致无限循环。

如果它与调整大小事件相关联，则允许发生 1 或 2 个调整大小事件，然后忽略其余事件。（我说 2，因为在 IE 中，窗口上的“恢复”事件将触发至少 2 个调整大小事件（IE6 中为 3 个）。

【讨论】：

【解决方案3】：

无论您绑定到滚动以使其重新居中的任何事件，都将该事件绑定到复选框/div 扩展事件（或从另一个事件中调用它）。没有看到一些代码很难说更多。

【讨论】：