jQuery可拖动的流体位置

Question

我使用jQuery draggable来操作多个项目。这是我的代码：

  options = {
      snap: true,
      distance: 10,
      stop: function() {
          var left = (100 * parseFloat($(this).position().left / parseFloat($(this).parent().width()))) + "%";
          var top = (100 * parseFloat($(this).position().top / parseFloat($(this).parent().height()))) + "%";
          $(this).css({
              left: left,
              top: top
          });
      }
  };

  $("#content").draggable(options);

由于使用百分比作为位置，我希望无论屏幕大小如何都能保持项目可见。

以上工作大部分时间都很好。我遇到的问题是在调整窗口大小时，项目会离开观看区域。

因为我无法使用$(window).resize(function(){...})

我需要自动计算位置。我想，如果超过50％的项目在容器左侧使用css左侧，则其他使用css右侧位置，同样适用于顶部和底部。

我的问题是我不知道如何计算这些。任何帮助将不胜感激。