我对 jquery 可排序和可放置元素有一个奇怪的问题。我想要一个可排序的列表和一个可以从中拖动元素以添加到该列表的列表,我不希望第二个列表是可排序的或可放置的。我使用以下代码来实现它:
$(".list_sortable").sortable({
accept: ".ui-sortable"
});
$(".list_no_drop li").draggable({
appendTo:'body',
connectToSortable:'.list_sortable'
});
我不知道为什么这在我的页面上不起作用。
我的完整代码可以在这里看到:http: //jsfiddle.net/9RURx/31/
在 Jsfiddle 中它工作得很好,但在我的页面中元素不会“丢弃”。我可以移动它们,但在我释放点击后它们会继续跟随鼠标。
所以我认为我的 jquery 包含有问题,所以我下载了最后一个版本并改为调用它,但没有改变。外部脚本的完整调用如下,以防我错过了什么:
<link rel="stylesheet" href="/media/jquery-ui.css" />
<link href="/media/video-js.css" rel="stylesheet">
<script src="/media/video.js"></script>
<script type="text/javascript" src="/media/jquery.js"></script>
<script type="text/javascript" src="/media/js/jquery-ui.js"></script>
<script type="text/javascript" src="/media/jqueryMultiSelect/jqueryMultiSelect.js"></script>
<script type="text/javascript" src="/media/jqueryMultiSelect/jquery.multiselect.filter.js"></script>
<link type="text/css" rel="stylesheet" href="/media/jqueryMultiSelect/jquery.multiselect.filter.js"></script>
<link type="text/css" rel="stylesheet" href="/media/jqueryMultiSelect/jqueryMultiSelect.css"></script>
<script type="text/javascript" src="/media/jquery.tablesorter.min.js"></script>