当隐藏Dialog标题栏时，我发现，即使display为none，屏幕阅读器仍然会读取它。如果您已经添加了自己的标题栏，它将同时显示这两种内容，从而造成混淆。

我所做的是使用$(selector).remove()从DOM中删除它。现在屏幕阅读器(和其他人)将看不到它，因为它已经不存在了。

这招对我很管用:

$("#dialog").dialog({
    create: function (event, ui) {
        $(".ui-widget-header").hide();
    },

这是最简单的方法，它只会删除一个特定对话框中的标题栏;

$('.dialog_selector').find('.ui-dialog-titlebar').hide();

当隐藏Dialog标题栏时，我发现，即使display为none，屏幕阅读器仍然会读取它。如果您已经添加了自己的标题栏，它将同时显示这两种内容，从而造成混淆。

我所做的是使用$(selector).remove()从DOM中删除它。现在屏幕阅读器(和其他人)将看不到它，因为它已经不存在了。

转到你的jquery-ui.js(在我的情况下是jquery-ui-1.10.3.custom.js)并搜索this._createTitlebar();并对其进行注释。

现在你的任何一个对话框都会显示标题。如果你想自定义标题，只需去_createTitlebar();并编辑其中的代码。

by

如果你有多个对话框，你可以使用这个:

$("#the_dialog").dialog({
        open: function(event, ui) { 
            //hide titlebar.
            $(this).parent().children('.ui-dialog-titlebar').hide();
        }
    });