gpt4 book ai didi

javascript - 如何避免 div 元素在拖动过程中重叠?

转载 作者:太空宇宙 更新时间:2023-11-04 16:28:15 24 4
gpt4 key购买 nike

我正在使用大约 8-10 个 div 元素..所有元素都是可调整大小和可拖动的..现在我想避免在可调整大小或可拖动期间每个元素相互重叠..我该怎么做?我觉得 javascript、html、css、jquery 代码对我更有帮助..请帮助我...2 个元素的部分代码将是这样的...

<!--Reizable and draggable for the HEADER widget**************-->
$(function() {
$( "#placeLabel" ).draggable();
$( "#placeLabel" ).resizable({
ghost: true,
handles: "n, e, s, w"

});
});

<!--Reizable and draggable for the TWITTER widget**************-->
$(function() {
$( "#twitterLabel" ).draggable();
$( "#twitterLabel" ).resizable({
ghost: true,
alsoResize: '#twt',
alsoResize: '#tweets',
handles: "n, e, s, w"
});
});

最佳答案

听起来 css 中的 z-index 可以帮助你,但我不确定这在这种情况下是否有效,因为我没有任何可拖动的经验。

z-index:1; /* for the bottom div */
z-index:100; /* for the top div */

试一试,看看它是否有效。

关于javascript - 如何避免 div 元素在拖动过程中重叠?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5141120/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com