jQuery总是在视口内显示div

Question

我正在编写一个jquery web-app，它基本上会根据你用鼠标点击的位置打开一个div“窗口”。很明显，如果鼠标在视口的右侧或底部太多，打开的DIV的一部分将无法查看。

有没有办法，也许在jQuery UI中让新显示的DIV在不可视的部分（可能在使用draggable（）时）向右移动一点？如果没有，我将不得不写自己的功能。

提前致谢

Answer 1

就像使用默认的jqueryUI对话框一样简单！

这是一个有效的example

$('body').click(function(e){
    console.log(e);
    $( "#dialog" ).dialog({ 
        position: [e.offsetX, e.offsetY]
    });
});​

Answer 2

我认为你可以使用jqueryui（模态窗口或其他东西）。否则，您需要计算视口宽度/高度，元素位置，宽度和高度，并限制viewportWidth减去elementWidth的定位。