Jquery draggable不起作用

Question

在我的一个网页中，有一个div包含比div（容器）更宽的图像。为了完全查看它，它将被鼠标移动。

我的问题出现在将它向右移动到其他方向时，它会越过边缘而不是在镜头结束时停止。 我做了一些尝试：

{containment: "parent"}

当图像移动时，它会跳跃然后随机停止。 此外，拖动图像时，光标仍然是由（css）定义的光标？虽然我说过，但并没有改变：

{cursor: "move"}

这是与页面故障的链接： http://www.parcomonza.org/v4-0/mappa-parco_pc.htm

Answer 1

如果定义包含，则只允许在此元素中拖动图像。这对您不起作用，因为您的 secondaimmagine 大于收容。 解决方案是移除收容。

$( "#secondaimmagine" ).draggable({cursor: "move"});

您的父div mappaparcoDIV 处理溢出，当您拖动图片时会发生这种情况，并正确使用以下css规则。

overflow: hidden;

Answer 2

我知道如果我取消＆＃34;收容＆＃34;我可以移动＆＃34; secondaimmagine＆＃34;但是，直到我有了＃mappaparcoDIV＆＃34;使用＆＃34;溢出：隐藏＆＃34;