jQuery UI - 模态答案

【问题标题】：jQuery UI - ModaljQuery UI - 模态
【发布时间】：2011-10-09 14:26:10
【问题描述】：

我有以下代码：

    <script type="text/javascript">
        $(function () {
            $('#<%=btn1.ClientID %>').bind('click', function (event) {
                $('#modal').dialog({
                    title: 'title',
                    modal: true,
                    buttons: {
                        'ok': function () {
                            return true;
                        },
                        'cancel': function () {
                            $(this).dialog('close');
                        }
                    }
                })
            })
        })
    </script>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:Button ID="btn1" runat="server" OnClick="btnClick" Text="click me" />
    <div id="modal" style="visibility: hidden">
        <span>yay!</span>
    </div>
    </form>
</body>
</html>

我有一个 asp:button 并在客户端点击对话框出现。

如您所见，我有一个处理服务器端 onclick 事件的 asp:button。然而，onclientclick 事件处理程序也会响应一个事件，该事件会打开一个带有两个按钮的对话框：确定和取消。但是，对话框消失，页面从服务器端执行 OnClick 事件。你知道为什么会这样，我该如何改变它？我做错了什么？

提前致谢！

【问题讨论】：

按钮是提交表单还是在网页表单页面上？
我没看懂问题。

标签： asp.net jquery-ui frontend

【解决方案1】：

您可以尝试像这样手动提交表单：

 'ok': function () {
            $('#myform').submit();                        
       },

【讨论】：

哇，我不知道存在这样的命令。我已经更新了上面的代码。请看一下。