jquery - jQuery 总是在视口内显示 div

Question

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

有没有办法，也许在 jQuery UI 中让新显示的 DIV 在它的一部分的正确方向上移动一点（可能在使用 draggable() 时）？如果没有，我将不得不编写自己的函数。

提前致谢

Answer 1

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

这是一个工作示例

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

Answer 2

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