问题设置初始可拖动位置jquery ui

时间:2014-01-28 16:23:10

标签: javascript jquery-ui jquery-draggable

当我设置容器元素时,我遇到了问题:

position: absolute;
left: 10px;
bottom: 15px;

初始化可拖动,元素的底部部分卡在边框上,它基本上是调整大小而不是拖动。

http://jsfiddle.net/JVSFS/83/

那我该怎么办?

3 个答案:

答案 0 :(得分:0)

jQuery draggable通过修改对象的lefttop css属性来工作。

设置top属性而不是bottom。 我知道这听起来像是一个便宜的技巧,但它是我在这里找到的最快的解决方案。

答案 1 :(得分:0)

它正在做你告诉它要做的事情。在绝对定位的元素上将bottom设置为10px时,该元素的底部将与其父容器的底部保持15px。

在您的情况下,在jQuery中使用position:relative将CSS设置为mousedown()可能会更好。

答案 2 :(得分:0)

您可能希望通过删除

来解决这个问题

.popup_click {position: absolute left: 10px; bottom: 15px;}

并将其替换为:.popup_click {top: 92%; left: 1%;}

Fiddle

请注意,百分比只是根据您之前放置的位置估算的。