javascript - 从 jQueryUI 对话框中删除标题栏？

Question

如何删除标题栏。

我检查了这里的 API，但找不到任何东西。

http://api.jqueryui.com/dialog/

我注意到其他“解决方案”的 GUI 比 jQuery 更酷，尤其是

http://www.ericmmartin.com/projects/simplemodal/

但是我想使用 jQueryUI b.c。所有资源...在线 API 文档、教程等。

我只需要知道如何去掉标题栏？

谢谢

Answer 1

有几个选项。

用 CSS 隐藏
.ui-dialog-titlebar { 显示:无 }

用 Javascript 隐藏
这将在创建对话框时删除标题栏，但会保留关闭按钮。

$("div").dialog({
  create: function( event, ui ) {
      var dialog = $(this).closest(".ui-dialog");
      dialog.find(".ui-dialog-titlebar-close")
            .appendTo(dialog)
            .css({
              position: "absolute",
              top: 0,
              right: 0,
              margin: "3px"
            });
      dialog.find(".ui-dialog-titlebar").remove();
  }
})​

查看演示: http://jsfiddle.net/4AuhC/52/