jQuery始终在视口内显示div

我正在编写一个jquery web应用程序，它基本上会根据鼠标单击的位置打开一个div“窗口”。很明显，您可以想象，如果鼠标太多地位于视口的右侧或底部，则打开的DIV的一部分将不可见

在jQuery UI中，有没有一种方法可以让新显示的DIV在不可查看的情况下（可能是在使用draggable（）时）向部分DIV的正确方向移动一点？如果没有，我将不得不编写自己的函数

---

提前感谢

我想你可以使用jqueryui来实现这一点（模式窗口或其他）。否则，您需要计算视口宽度/高度、元素位置、-宽度和高度，并将定位限制为viewportWidth减去elementWidth。

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

这是一张工作票

---

Jquery UI position具有翻转和贴合功能。

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