jquery ui draggable约束

Question

我有jQuery UI可拖动div（接近10000 px宽度）并且我想制定这样的约束因此可拖动div的左侧不会超过屏幕的左侧而div的右侧将不会在右边。我试图在图片上显示它。

似乎矩形约束不适合这种情况而且我迷失了

更清楚，这是示例：http://full-demo.megaplan.ru/vacation/diagram/ 那里你不能去2013年1月和2007年7月之前

Answer 1

您可以在my_DIV和draggable之间添加一个容器，并将该容器的宽度设置为$('html').width()，使其与屏幕一样宽;然后定位容器，使其位置与屏幕匹配。结果将是<div>，与图表中的内部矩形相匹配。一旦到位，您可以使用正常的containment选项在屏幕上保持可拖动。

例如：

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

然后调整大小和位置#container并使用它：

$("#draggable").draggable({ containment: "#container" });

演示：http://jsfiddle.net/ambiguous/SG9KS/