Javascript 有没有办法用jQueryUI实现这种拖拉效果?

Javascript 有没有办法用jQueryUI实现这种拖拉效果?,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,有没有一种使用jQueryUI创建效果的方法 提前感谢。是的,如果您使用firebug并检查元素,您将看到在另一个具有overflow:hidden属性的div中有一个可拖动的div <div style="width: 300px; height: 300px; overflow: hidden;"> <div id="draggable" style="width: 800px; height: 800px;"></div> </div>

有没有一种使用jQueryUI创建效果的方法


提前感谢。

是的,如果您使用firebug并检查元素,您将看到在另一个具有overflow:hidden属性的div中有一个可拖动的div

<div style="width: 300px; height: 300px; overflow: hidden;">
    <div id="draggable" style="width: 800px; height: 800px;"></div>
</div>

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

$(“#可拖动”).draggable();

这就是概念。

是的,如果您使用firebug并检查元素,您将看到在另一个具有overflow:hidden属性的div中有一个可拖动的div

<div style="width: 300px; height: 300px; overflow: hidden;">
    <div id="draggable" style="width: 800px; height: 800px;"></div>
</div>

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

$(“#可拖动”).draggable();

这就是概念。

它不能用jQuery Dragable实现。因此,此处拖动的可拖动项不应使其左上角大于其容器。所有4个点都是如此

使用jquerydraggable,您不能限制元素的拖动超出某些坐标系


我建议创建一个带有mousedown和mousemove事件用法的自定义jQuery插件。

它不能用jQuery Dragable实现。因此,此处拖动的可拖动项不应使其左上角大于其容器。所有4个点都是如此

使用jquerydraggable,您不能限制元素的拖动超出某些坐标系


我建议使用mousedown和mousemove事件用法创建一个自定义jQuery插件。

您可以使用jQuery UI Dragable的
包含
选项


下面是一个示例:

您可以使用jQuery UI Draggable的
包含
选项


下面是一个示例:

看起来应该可以工作。它已经测试过了吗?@kritzikratzi没有,我还没有测试过,但它应该可以工作。这只在一定程度上起作用:你可以拖动图像,但它超出了容器分区。看起来它应该可以工作。它经过测试了吗?@kritzikratzi没有,我没有测试过,但它应该可以工作。这只在一定程度上起作用:你可以拖动图像,但它超出了容器分区。请详细描述你的问题,以便在链接断开时也有意义。另外,请看这里。请描述你的问题足够详细,以便它也有意义,一旦链接中断。还有,看看这里。正是我想要的,谢谢正是我想要的,谢谢