Jquery可排序不丢弃

时间:2014-01-22 09:50:25

标签: jquery jquery-ui jquery-ui-sortable jquery-draggable jquery-droppable

我对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>

0 个答案:

没有答案