0

我有一个可拖动的包含选项的函数。容器被锁定在 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});
4

1 回答 1

1

看起来问题是包含不采用 jQuery 对象。它只接受值 parent、document 或 window。

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

字符串：可能的值：“父”、“文档”、“窗口”。

<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/

于 2013-11-09T02:51:39.150 回答