Question

我有一个带有包含选项的可拖动功能。包含被锁定在div上但被拖动的元素仅包含div的两侧（仅div的底部和右侧），而在顶部，被拖动的元素不会被阻挡超出并且在左侧元素是在抵达之前被封锁。

这是HTML：

<div id="containermy"> </div>
<div id="mapplane"><img src="templates/protostar/images/planeminiature.png" />

CSS：

.banner #containermy {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height:500px;
    width:500px;
    border:solid 1px yellow;
    position: absolute;
}

和我的jQuery：

$('.mapban').parent().jclip(0, 0, 1060, 750);
$('#mapplane').draggable({ containment: $('#containermy'),scroll: false});

Answer 1

看起来问题是包含不带jQuery对象。它只接受父，文档或窗口的值。

来自http://api.jqueryui.com/draggable/#option-containment：

字符串：可能的值：“parent”，“document”，“window”。

<div id="containermy">
  <img id="mapplane" src="http://www.strictlyphp.com/blog/wp-content/uploads/2009/07/icon_javascript.png" />
</div>

$('#mapplane').draggable(
{ 
    containment: "parent",
    scroll: false
});

#containermy {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height:500px;
  width:500px;
  border:solid 1px yellow;
  position: absolute;
}

<强>演示 http://jsfiddle.net/6szL4/

jquery draggable遏制问题

1 个答案: