Twitter bootstrap 如何使Bootstrap 2.x.x模态对话框可拖动?
如何使Bootstrap 2.x.x模态对话框可拖动 我试过各种各样的例子,但运气不佳。我假设它们不适用于引导,但这可能是一个不好的假设 我把事情复杂化了吗 使用jQuery,我想我应该这样做:Twitter bootstrap 如何使Bootstrap 2.x.x模态对话框可拖动?,twitter-bootstrap,modal-dialog,draggable,Twitter Bootstrap,Modal Dialog,Draggable,如何使Bootstrap 2.x.x模态对话框可拖动 我试过各种各样的例子,但运气不佳。我假设它们不适用于引导,但这可能是一个不好的假设 我把事情复杂化了吗 使用jQuery,我想我应该这样做: $("#idForModal").draggable(); 但是,它什么也不做,WebKit中也没有控制台错误 编辑:添加以下内容 可能是因为模态是iFrame,不能拖动?不,不是这样的,因为这很有效 此代码确实有效: $("#idForModal").draggable(); 我的代码还有其他问题
$("#idForModal").draggable();
但是,它什么也不做,WebKit中也没有控制台错误
编辑:添加以下内容
可能是因为模态是iFrame,不能拖动?不,不是这样的,因为这很有效 此代码确实有效:
$("#idForModal").draggable();
我的代码还有其他问题,无法正常工作。请勿使用“模式”,“模式”会在内容后面创建一个“div”,并阻止用户使用其他屏幕控件
如果您想要测试:
好啊在这里。我已经学会了上面的一行代码适用于我在应用程序中使用的其他模态。只是不是我决定用的那个。啊。我讨厌墨菲定律。因此,我要结束这篇文章,因为这个问题显然是有问题的model的其他问题。draggable()是jquery ui的一部分
var oldX = 0;
var oldY = 0;
var mouseDown = false;
$('.modal_').mousedown(function(e){
log('mousedown');
oldX = e.clientX;
oldY = e.clientY;
console.log(oldX);
mouseDown = true;
}).mouseup(function(e){
log('mosueup');
mouseDown = false;
}).mousemove(function(e){
if(mouseDown ){
self = $(this);
var top = parseInt(self.css('top').replace('px', ''));
var left = parseInt(self.css('left').replace('px', ''));
log(left + (oldX - e.clientX) + ' , ' + top);
self.css('left', (left + e.clientX-oldX) + 'px');
self.css('top', (top + e.clientY-oldY) + 'px');
oldX = e.clientX;
oldY = e.clientY;
}
});
$('.modal_').on('dragstart', function(event) { event.preventDefault(); });