我对jquery sortable和droppable元素有一个奇怪的问题。 我希望有一个可排序的列表和一个列表,我可以从中拖动元素添加到该列表,我不希望第二个列表可以排序或可放置。 我使用以下代码来实现它:
$(".list_sortable").sortable({
accept: ".ui-sortable"
});
$(".list_no_drop li").draggable({
appendTo:'body',
connectToSortable:'.list_sortable'
});
我不知道为什么这不适用于我的页面。
我的完整代码可以在这里看到:http://jsfiddle.net/9RURx/31/
在Jsfiddle中它工作正常,但在我的页面中元素不会“掉落”。我可以移动它们但是在我释放点击后它们仍然跟着鼠标。
所以我认为我的jquery包含有问题,所以我下载了最后一个版本并调用了它,但没有改变。 如果我错过了一些内容,那么外部sc sc的完整调用就是:
<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>