我想要一个类似于下图的可实现对象的句柄。
我尝试的代码不适用于自定义句柄。
如果我包含自定义句柄选项,则重新调整大小根本不起作用。
<style>
.object{
width: 100px; height: 100px; border: 1px solid black;
}
#myContainer{
height: 600px;
border: 2px solid #ccc;
}
.handle{
height: 10px; width: 10px; background: red;
}
</style>
<script type="text/javascript">
$(function() {
$("#resizable").resizable({
handles: { 'all': $('#handle') }
});
});
</script>
<div id="myContainer">
<div class="object" id="resizable">
<div id="handle" class="handle"></div>
</div>
</div>