当我显示面板时，YUI (YAHOO) 阻止了我的 UI

Question

我对这个 YUI 模式有问题，当我点击按钮时，它显示面板但阻止了 UI，我无法理解如何配置或防止该行为这是代码：<asp:Button ID="RemoveEventButton" runat="server" OnClientClick="cancelEventPanel.show();return false;" CssClass="button" /><script type="text/javascript">    var cancelEventPanel;    YAHOO.util.Event.onDOMReady(function() {        cancelEventPanel = new YAHOO.widget.Panel('<%= RemoveEventPanel.ClientID %>', { visible: false, width: "325px", constraintoviewport: false, fixedcenter: true, draggable: false, modal: true, close: true });        cancelEventPanel.render(document.forms[0]);        cancelEventPanel.hideEvent.subscribe(function() {            $('#<% = CancellationNotes.ClientID %>').val('').keyup();        });    });    function cancelEventPopupClose() {        cancelEventPanel.hide();        return false;    }    </script><asp:Panel ID="RemoveEventPanel" runat="server" style="visibility:hidden;" CssClass="contactpanel">        <div class="hd">            <ctls:Content ID="Content2"  runat="server"/>        </div>        <div class="bd">            <table class="formtable" style="width: 325px">                <tr>                    <td><ctls:Content ID="Content4" runat="server"/></td>                </tr>                <tr>                    <td>                        <ctls:TextArea ID="CancellationNotes" runat="server" MaxLength="250" Width="275" Rows="4" />                    </td>                </tr>                <tr>                    <td>                        <ctls:Button ID="RemoveEventButton2" runat="server" OnClick="RemoveEventButton2_Click" CssClass="button" CausesValidation="true"/>                        <ctls:Button ID="CancelEventButton" runat="server" CausesValidation="false" CssClass="button" OnClientClick="return cancelEventPopupClose();" />                    </td>                </tr>            </table>        </div>    </asp:Panel>    

Answer 1

将模态属性更改为 false。