Jquery ui jquery ui可拖动约束

我有jQueryUIDraggableDiv（接近10000px的宽度），我想做这样的限制，这样DraggableDiv的左侧就不会在屏幕左侧之前，右侧就不会在右侧。我试着在照片上展示它。

矩形约束似乎不适合这种情况，我对此感到迷茫

更清楚地说，以下是示例：

---

你不能在2013年1月以后到2007年7月之前，你可以在my_DIV和Dragable之间添加一个容器，并将该容器的宽度设置为

$（'html'）。width（）

，使其与屏幕一样宽；然后定位容器，使其位置与屏幕匹配。结果将是一个

，与图表上的内部矩形相匹配。一旦安装到位，您就可以使用正常的

控制

选项保持屏幕上的可拖动状态

例如：

<div class="draggable">
    <div id="container">
        <p class="ui-widget-header">Draggable</p>
    </div>
</div>

---

演示：

您可以在

my_DIV

和可拖动文件之间添加一个容器，并将该容器的宽度设置为

$（'html'）。width（）

使其与屏幕一样宽；然后定位容器，使其位置与屏幕匹配。结果将是一个

，与图表上的内部矩形相匹配。一旦安装到位，您就可以使用正常的

控制

选项保持屏幕上的可拖动状态

例如：

<div class="draggable">
    <div id="container">
        <p class="ui-widget-header">Draggable</p>
    </div>
</div>

---

演示：

谢谢您的回复，但假设您的可拖动div是10000像素大小，它的右侧不应超过容器div的右侧，因此左侧不应超过div的左侧。p.s.对不起，我的英语太差了。@Sandvich:那么您图片中的我的div是您的可拖动吗？是的，它应该是可拖动的，我可以给你展示一个我想要的例子：注意，你不能在2013年1月到2007年8月之前再继续下去，这不正是内部50000px宽的

结束的地方吗？也许可以将这些细节添加到您的问题中，以防其他人提出比我更好的想法。谢谢您的回答，但假设您的可拖动div为10000像素大小，其右侧不应超过容器div的右侧，所以左边不应该比div.P.S.的左边更左。对不起，我的英语。@Sandvich:那么你照片中我的div是你可以拖动的吗？是的，它应该可以拖动，我可以给你看一个我想要的例子：注意，你不能在2013年1月到2007年8月之前再继续下去，这不正是内部50000px宽的

结束的地方吗？也许可以在你的问题中添加这些细节，以防其他人提出比我更好的想法。