如何阻止Div移出边界Jquery draggable();

$("#myDiv").draggable({
  containment: "parent", // 设置拖拽范围为父元素
  scroll: false, // 禁止拖拽时自动滚动页面
  stop: function(event, ui) {
    // 拖拽停止时触发的回调函数
    // 在这里可以进行边界检测和修正
    var parentWidth = $(this).parent().width();
    var parentHeight = $(this).parent().height();
    var divWidth = $(this).width();
    var divHeight = $(this).height();
    var left = ui.position.left;
    var top = ui.position.top;
    
    // 检测左边界
    if (left < 0) {
      $(this).css("left", 0);
    }
    
    // 检测右边界
    if (left + divWidth > parentWidth) {
      $(this).css("left", parentWidth - divWidth);
    }
    
    // 检测上边界
    if (top < 0) {
      $(this).css("top", 0);
    }
    
    // 检测下边界
    if (top + divHeight > parentHeight) {
      $(this).css("top", parentHeight - divHeight);
    }
  }
});