gpt4 book ai didi

jquery - 元素位置和鼠标在 jQuery sortable 和 Bootstrap 上的奇怪行为

转载 作者:行者123 更新时间:2023-11-28 04:32:59 30 4
gpt4 key购买 nike

我一直在寻找这个问题的答案,但还没有找到。

我有一个带有 bootstrap 和 jQuery sortable 的系统,问题是当我将一个元素从一个列表移动到另一个列表时,该元素就像移动得比鼠标光标慢,就像在光标和元素之间获得间隙,并且当我到达另一个列表时,当鼠标靠近但不在占位符的确切位置时出现占位符,并且该元素落后几个像素

我制作了一个带有快速示例的视频以供查看 https://youtu.be/MhxAhIDUj3Y

关于此的更多信息我在 LI 元素中使用 Bootstrap 面板,标记是这样的

<li class="ui-sortable-handle" style="display: list-item;">    
<div class="panel panel-default span4">
</div>
</li>

我在 sortable 上使用的选项是这样的

    placeholder: 'ui-sortable-placeholder',
connectWith: ".connectedSortable",
helper: 'clone',
scroll: false,
start: function(e, ui){
ui.placeholder.height(ui.item.height());
}

您知道在光标和元素之间出现这种奇怪的鼠标间隙是怎么回事吗?

这是一个重现行为的工作 fiddle https://jsfiddle.net/3jj6k7bm/

非常感谢任何帮助,谢谢

最佳答案

这是由 zoom 引起的在 <body> 上设置为 80%。该元素实际上与光标一样移动,但由于 <body>缩小它似乎移动得更少。为了进一步证明这一点,我用 body{zoom: 180%;} 做了另一个 fiddle 。 : https://jsfiddle.net/3jj6k7bm/2/您会发现恰恰相反:元素似乎比光标移动得更快。

将缩放更改为 100%,它应该是固定的。

关于jquery - 元素位置和鼠标在 jQuery sortable 和 Bootstrap 上的奇怪行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41644870/

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