Question

我使用拖动和旋转功能。使用此plugin。拖动和旋转工作正常，但我需要在div中。所以我使用了＆＃39; Containment＆＃39;属性。

我使用了矩形图像，

问题：

水平位置：没有问题拖动在div中工作正常

垂直位置：如果我将图像旋转到垂直位置，那么如果我拖动图像，它将离开父div，右侧也无法完全拖动。

JSFiddle： https://jsfiddle.net/4zwzu1f2/

HTML

<div id="draggable2" style="height:250px;width:500px;border-radius: 25px;background:grey;">
<div id="target2" style="width: 150px;height:10px; border: 1px solid #862dde; padding: 20px; padding-right: 40px;border-radius: 25px;">
  Drag and rotate me!
</div>

JQuery的：

<script type="text/javascript">
    $(document).ready(function() {              
    $('#target2').rotatable(); $('#target2').draggable({containment:'parent'});
    });
</script>

插件参考：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.ui.rotatable/1.0.1/jquery.ui.rotatable.css">
<script src="http://code.jquery.com/jquery-1.11.3.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>   
<script src="https://cdn.jsdelivr.net/jquery.ui.rotatable/1.0.1/jquery.ui.rotatable.min.js"></script>

在拖动和旋转中 - 旋转到垂直位置后，包含不能正常工作

0 个答案: