使引导 twitter 对话框模式可拖动 [英] make bootstrap twitter dialog modal draggable

问题描述

我正在尝试使用这个 jquery 插件使引导 twitter 对话框模式可拖动:

I'm trying to make bootstrap twitter dialog modal draggable with this jquery plugin:

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))
        });
    }); 

你知道我该怎么做吗?

推荐答案

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

它对我有用.我是从 那里得到的.如果你感谢我，请给 Andres Ilich

it works for me. I got it from there. if you give me thanks please give 70% to Andres Ilich

这篇关于使引导 twitter 对话框模式可拖动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！