第一次显示对话框

Question

我正在显示模式对话框以获取“删除此服务”或“取消”选项。当我第一次单击打开对话框的按钮时，缺少两个按钮。红色x是图标显示在右上角，显示帮助文本而不必将鼠标悬停在图标上。

如果我关闭它并重新打开对话框，则两个按钮都会出现。我没有在控制台中看到任何错误。

我正在使用jquery 3.1.1和jquery ui 1.12.1。我正在用paramquery网格构建的工具栏中调用对话框。

$("#dialog-confirm").dialog({
    resizable: false,
    height: "auto",
    width: 400,
    modal: true,
    buttons: {
        "Delete this service": function () {
            var serviceid = grid.getRecId({rowIndx: rowIndx});
            $.ajax($.extend({}, ajaxObj, {
                context: grid,
                dataType: 'text',
                url: "/utilities/ajax_delete_service.php",
                data: {serviceid: serviceid},
                success: function () {
                    $("#services_grid").pqGrid("refreshDataAndView");
                },
                error: function () {
                    this.removeClass({rowIndx: rowIndx, cls: 'pq-row-delete'});
                }
            }));
            $(this).dialog("close");
        },
        Cancel: function () {
            grid.removeClass({rowIndx: rowIndx, cls: 'pq-row-delete'});
            $(this).dialog("close");
        }
    }
});

更新：我创建了一个显示问题的小提琴。运行小提琴，单击网格的顶行并选择“删除服务”按钮不显示。关闭对话框。再次单击“删除服务”，按钮显示。

显示对话框的功能位于小提琴的顶部。

JSFiddle