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