当我显示面板时，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。