我有一个div,我在div中有一个可拖动的图像。 $("#image").draggable();
如何防止图像离开div?
$("#image").draggable();

div{
width:200px;
height:200px;
border: 1px solid black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<div>
<img id="image" src="http://static.micheljansen.org/uploads/mac-osx- arrow-cursor.png"/>
</div>
&#13;
答案 0 :(得分:3)
您必须执行此操作:listener.listenerMethod(EditText...blah)
整个代码:
containment: 'div',
$( init );
function init() {
$("#image").draggable({
containment: 'div',
});
};
div{
width:200px;
height:200px;
border: 1px solid black;
}
#image {
height: 50px;
width: 35px;
}
这应该可以解决您的问题。我试过了。