jquery-ui-dialog - jquery ui对话框可由标题栏以外的其他元素拖动

Question

当启用可拖动时，它允许通过标题栏拖动对话框。

任何人都知道一种使它可以被对话框体内的其他自定义元素拖动的方法吗？（除了标题栏本身）

Answer 1

我知道，回答自己的问题不是最好的方法，但由于没有人比我先到这里 - 这里是：

如果您想看小提琴 - 请使用以下代码找到它：jeffz2012/CRRWb/，

因为这个有点错误的系统不允许我同时进入 - 如果你不相信，请看这个： 屏幕录制

//css
.ui-dialog-bottomdrag {
    位置：绝对！重要；
    背景颜色：#ccc；
    高度：20px！重要；
    宽度：98%；
    底部：0px；
    边距：0！重要；
    填充：0！重要；
}

//html
<div id="dialog" title="基本对话框">
  <p>这是一个用于显示信息的动画对话框。可以使用“x”图标移动、调整大小和关闭对话框窗口。</p>
</div>
<button id="opener">打开对话框</button>

//js-jquery
$( "#dialog" ).dialog({
    自动打开：假，
    创建：函数（事件，用户界面）{
        $('.ui-dialog').append('<span class="ui-dialog-titlebar ui-dialog-bottomdrag"></span>');
    }
});
$( "#opener" ).click(function() {
    $("#dialog").dialog("open");
});