jquery - 使 bootstrap twitter 对话框模态可拖动

Question

我正在尝试使用此 jquery 插件使 bootstrap twitter 对话框模式可拖动:

http://threedubmedia.com/code/event/drag#demos

但它不起作用。

var $div = $('html');
console.debug($('.drag'));
$('#modalTest')
    .drag("start", function(ev, dd) {
        dd.limit = $div.offset();
        dd.limit.bottom = dd.limit.top + $div.outerHeight() - $(this).outerHeight();
        dd.limit.right = dd.limit.left + $div.outerWidth() - $(this).outerWidth();
    })
    .drag(function(ev, dd) {
        $(this).css({
            top: Math.min(dd.limit.bottom, Math.max(dd.limit.top, dd.offsetY))
            , left: Math.min(dd.limit.right, Math.max(dd.limit.left, dd.offsetX))
        });
    }); 

你知道我该怎么做吗？

Answer 1

$("#myModal").draggable({
    handle: ".modal-header"
}); 

这对我有用。我从 there 得到的。如果您感谢我，请将70％捐给Andres Ilich