javascript - 避免 JQuery UI 中的可拖动对象重叠
问题描述
如何防止 div 重叠?
$("#one").draggable({ containment: 'document' });
$("#two").draggable({ containment: 'document' });
.draggable {
margin:0px;
padding:20px 5px 10px 5px;
float:left;
cursor:grab;
width:60px;
font-size:40px;
color:white;
background-color: #2e5888;
opacity:0.6;
border-radius:5px;
text-align:center;
border:1px solid rgb(38, 20, 102);
}
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div id="one" class="draggable">
one
</div>
<div id="two" class="draggable">
two
</div>
解决方案
推荐阅读
- r - 我正在尝试使用 ggiraph 向 ggplot2 图形添加交互性,但它不起作用
- python - 我的 PyODBC 有什么问题?我收到一个 backend.py 错误。当我进入此代码时,我得到一个代码“后端终止(返回代码:6)
- laravel - Is it possible to migrate from Laravel Sanctum to Passport?
- python-3.x - Need help defining a function for text based game
- yaml - YAML 可以将局部变量与组变量混合并简化它们的命名吗?
- python - how to input 2D array to 2D CNN and LSTM keras
- python-3.x - Plotting ROC curve using Support vector machine's scores
- react-native - 动态添加功能以响应本机或 Flutter
- flutter - 如何在颤振应用程序中剪切列表?
- powershell - > 和 start-transcript 之间的奇怪交互(powershell 错误?)