gpt4 book ai didi

javascript - 可排序克隆助手不工作

转载 作者:可可西里 更新时间:2023-11-01 01:46:43 25 4
gpt4 key购买 nike

也许我不明白 clone 如何与 sortable 一起工作,但这是我想做的。

在对项目进行排序时,我希望我正在拖动的项目的克隆保持不变,直到我停止将项目放到新位置为止。

代码如下:

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>

<style type="text/css">
.sort { width: 150px; }
.ui-state-highlight { background-color: #000; height:2px; }
</style>
</head>
<body>
<div>
<ul class="sort">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</div>

<script type="text/javascript">
$(function() {
$('.sort').sortable({
helper: 'clone',
placeholder: 'ui-state-highlight',
opacity: '.5'
})
})
</script>
</body>
</html>

在此先感谢您的帮助!

最佳答案

当您使用克隆选项时,原始项目会在您开始拖动时以 style="display: none" 隐藏。您可以将处理程序附加到排序事件(或隐藏原始项目的任何事件)以重新显示它。那么一切都应该适合你。

附言我用了Firebug查看原始元素发生了什么。如果您没有使用它,您真的应该使用它!

关于javascript - 可排序克隆助手不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3024766/

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