gpt4 book ai didi

jquery - 拖动有序列表项时,后续项的编号总是增加 1

转载 作者:太空狗 更新时间:2023-10-29 13:11:59 25 4
gpt4 key购买 nike

虽然 jQuery 可排序小部件 在大多数情况下工作正常,但在 有序列表 的情况下,当我们拖动元素时,编号会出现问题。下面是一个示例程序来说明这一点:

<!DOCTYPE html>
<html>

<head>
<script src="jquery-1.6.2.min.js"></script>
<script src="jquery-ui-1.8.16.custom.min.js"></script>
<script>
$(document).ready(function () {
$('ol').sortable();
});
</script>
</head>

<body>
<ol>
<li>
<label for="name">Name</label>
<input type="text" id="name" />
</li>
<li>
<label for="class">Class</label>
<input type="text" id="class" />
</li>
</ol>
</body>

</html>

拖动前:

enter image description here

拖动过程中:

enter image description here

拖动完成后,排序将恢复。这个错误之前已经注意到但没有修复。有人找到治疗方法了吗?

Here是它的 fiddle

最佳答案

这是由 jquery UI 的 placeholder 引起的,它在 sortable 开始时自动添加到您的列表中。实际上,您可以简单地在开始事件中隐藏占位符或创建您自己的不显示的类。

这里的想法:

$(document).ready(function () {
$('ol').sortable({
start: function( event, ui ){
$(ui.item).parent().find('.ui-sortable-placeholder').hide();
},
});
});

或者:

<script>
$(document).ready(function () {
$('ol').sortable({placeholder: "sortable-placeholder"});
});
</script>

<style>
.sortable-placeholder {display: none;}
</style>

编辑:

您实际上还可以将占位符显示设置为阻塞,这样它就不会被假定为列表子项:

.sortable-placeholder {
height: 20px;
display: block;
}

此处修改FIDDLE .

关于jquery - 拖动有序列表项时,后续项的编号总是增加 1,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13965032/

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