相关疑难解决方法(0)

我正在尝试用这个jquery插件制作bootstrap twitter对话模式draggable:

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

你知道我该怎么办？

对于工作中的项目,我们在JavaScript中使用Bootstrap Modal窗口.我们想让一些窗口可移动,但我们遇到了JQuery的性能问题.

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

示例 ,
来源 .
在IE9中,它按预期工作.
在Chrome中,水平拖动按预期工作,垂直拖动相当慢,但没有问题.
在Firefox中,水平拖动按预期工作,但垂直拖动非常慢.

这很奇怪,因为示例窗口没有图形化的重量,JQuery应该规范化浏览器行为.我尝试在不使用JQuery的可拖动的情况下解决这个问题,但我遇到了同样的问题.

所以我有几个问题:

• 缓慢的性能是浏览器,JQuery,Bootstrap的错误还是我的代码不是最优的？
• 为什么水平拖动和垂直拖动之间存在差异？
• 我应该找到一个解决方法,还是完全避免使用Bootstrap动态弹出窗口？

亲切的问候,Guido

我的屏幕上有一个引导模式。当模态显示时，它位于屏幕的中央。

<div class="modal fade" id="ua_dialog">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
        <div class="modal-body">
        ....
        </div>
      </div>

我需要在屏幕上移动模式，因为覆盖了屏幕上的一些信息。用户应该能够向右、向左移动……等等。我可以这样做吗？有一些我可以使用的设置吗？或者用js？什么是最好的方法？谢谢！