jquery - Draggable() - 防止将元素拖动到窗口之外

Question

如何防止用户将元素拖到窗口之外？

elm.css({
        top : $(window).scrollTop() + ($(window).height() - elm.height()) / 2+'px',
        left : ($(window).width() - elm.width()) / 2+'px'
    })
    .draggable({
        handle : tr_top
    });

Answer 1

您可以使用containment选项:

elm.draggable({
    handle: tr_top,
    containment: "window"
});