Javascript jquery对话框:在任意点拖动对话框
有什么技巧可以让jquery对话框在任何时候都可以拖动吗?(我的意思不仅是在标题栏中)与可排序的项相反,对话框项没有该功能(我不知道为什么)。如果需要,您可以执行以下操作:Javascript jquery对话框:在任意点拖动对话框,javascript,jquery-ui,draggable,Javascript,Jquery Ui,Draggable,有什么技巧可以让jquery对话框在任何时候都可以拖动吗?(我的意思不仅是在标题栏中)与可排序的项相反,对话框项没有该功能(我不知道为什么)。如果需要,您可以执行以下操作: $(document).ready(function() { var // Create dialog dialog = $('div') .dialog({ title: "I'm a dialog" }) .css({cursor:
$(document).ready(function() {
var
// Create dialog
dialog = $('div')
.dialog({ title: "I'm a dialog" })
.css({cursor: 'move'}),
// Get the options manually
options = dialog
.data("dialog")
.uiDialog
.data('draggable')
.options;
// Finally, extend the draggable modal box's
// options and remove any restrictions
$.extend(options, {cancel: '', handle: ''});
});
请参阅此处的一个工作示例:问得好,尽管我喜欢它与其他窗口一样工作,可以通过标题栏拖动。为什么要使用$('div_id')的父容器,而不仅仅是使$('div_id')可拖动?
$("#div_id")
.dialog({
position: [3,442],
width: 300,
height: 90
})
.css({cursor: 'move'})
.parent()
.draggable({cancel:'',handle:''});