jQueryUI：从选项卡上的按钮启动的对话框简要显示该对话框，然后关闭它并打开第一个选项卡

我对jquery还很陌生，我有一个似乎无法解决的问题

所以，我有一些。在第二个选项卡上，我有一个按钮，当单击该按钮时，应该会启动一个。 我以前有一些手风琴，使用相同的代码，效果很好

在IE、Chrome和FF上的行为如下：单击第二个选项卡（#创建文件）上的按钮时，该对话框会短暂出现，然后立即关闭。然后，第一个选项卡（而不是第二个选项卡）变为活动选项卡。 当试图找到一个解决方案时，我将autoOpen从false变为true—然后当我单击按钮时显示对话框，但当然，它在页面首次加载时显示—不是一个解决方案。这是我的密码

JS:

HTML: （实际显示）

LOREM IPSUM KLJLKJKLJKLJHLJHGHGJHLKJH

保存文件

对话框代码：

            <div id="fileform" title="New File">
        <p class="validateTips">Please enter data.</p>
        <form>
            <fieldset>
                <label for="filepath">File</label> <input type="file"
                    name="filepath" id="filepath"
                    class="text ui-widget-content ui-corner-all" /> <label
                    for="description">Description</label> <input type="text"
                    name="description" id="description" value=""
                    class="text ui-widget-content ui-corner-all" />
            </fieldset>
        </form>
        </div>

请输入数据

文件描述

正在工作。在定义“取消”按钮之前关闭了太多大括号。取消不是类似于

open

和

close

的事件

buttons: {
    "Save": function () {
        $(this).dialog("close");
    },
    "Cancel": function () {
        $(this).dialog("close");
}

            <div id="fileform" title="New File">
        <p class="validateTips">Please enter data.</p>
        <form>
            <fieldset>
                <label for="filepath">File</label> <input type="file"
                    name="filepath" id="filepath"
                    class="text ui-widget-content ui-corner-all" /> <label
                    for="description">Description</label> <input type="text"
                    name="description" id="description" value=""
                    class="text ui-widget-content ui-corner-all" />
            </fieldset>
        </form>
        </div>

buttons: {
    "Save": function () {
        $(this).dialog("close");
    },
    "Cancel": function () {
        $(this).dialog("close");
}