使jQuery UI模态对话框在移除标题栏后可拖动

Question

我必须隐藏页面上jQuery UI模态对话框的标题栏，因为我不喜欢它的外观，想要自己的自定义标题区域。是否有可能使对话框可拖动，甚至在删除标题栏后?

Answer 1

你可以做到。但是你必须添加额外的html和javascript。

我为你做了一把小提琴。这对你有帮助。

http://jsfiddle.net/4ctL8/1/

$('#dragable').draggable();
$('#dragable').hide();
$('#Btn').click(function(){
$('#dragable').show();
})
$('#close').click(function(){
$('#dragable').hide();
})

希望这对你有帮助

技巧在于可拖拽。

Answer 2

如果你只是想为标题定制样式，你可能只需要重写对话框标题区域的样式。

看看这个问题。或者你可以在FireBug中查看应用了哪些样式，并在你自己的css中覆盖它们。

设置一个Jquery对话框标题栏样式