删除标题栏后，使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中覆盖它们。

Set a Jquery dialog title bar style