Javascript jquery ui对话框可在整个对话框上拖动，而不仅仅是标题

目前，jQueryUI对话框只能在标题栏上拖动

让jQueryUI对话框可以被整个对话框而不仅仅是标题栏拖动的推荐方法是什么

我就这么做了

elem.dialog({draggable: false}).draggable()

---

有什么问题吗？

目前，jQueryUI阻止使用以下代码拖动内容：

self.uiDialog.draggable({
    cancel: ".ui-dialog-content, .ui-dialog-titlebar-close",
    handle: ".ui-dialog-titlebar",
     ...
});

因此，要进行所需的更改，您需要访问该内部

ui对话框

对象并更改其设置

如果

dlg

是您的对话框内容对象：

$(dlg).data('dialog').uiDialog.draggable('option', {
    cancel: '.ui-dialog-titlebar-close',
    handle: '.ui-dialog-titlebar, .ui-dialog-content'
})

会有用的

请注意，这是对jQueryUI内部进行的进一步修改，如果这些内部构件在将来的更新中发生更改，则可能会损坏。

好吧，

elem.dialog（{draggable:false}）.draggable（）不起作用，因为正如其他答案所说，它不是正确的元素。但是，这将起作用：

    elem.dialog({draggable: false}).parent().draggable();

我认为这是一个比摆弄jquery内部更好的选择
 你能再具体一点吗？一些html可能会有帮助。我假设它使用了Dragable属性的句柄。也许有一个配置设置可以使整个项可拖动。元素对话框（{draggable:false}）.draggable（）

工作吗？如果是这样的话，我会说这就是答案。我不认为这会起作用-它可能会使对话框的内容在其对话框框架内可拖动。使用这种方法在可拖动性方面起作用，但问题是我无法使用鼠标点击任何输入控件，如文本框（仅通过

选项卡

）。根据您希望在对话框中显示的内容，Jeffrey的答案可能是一个更好的解决方案。将鼠标光标设置为可拖动图标如何？@Kostadin-使用CSS自己做。