Jquery ui sortables不起作用

时间:2012-09-08 05:34:47

标签: javascript jquery jquery-ui jquery-ui-sortable

我正在使用jquery ui创建一个可排序的列表,但它不起作用,我只是无法理解为什么。 ul元素接收类'ui-sortable'但没有任何反应。

我做了一个例子,因为原始的js有更多不相关的对象。

示例是here。要使其“正常”,只需点击其中包含“editar”的按钮即可。

3 个答案:

答案 0 :(得分:2)

在这个问题上浪费了整整一个周末后,我最终了解发生了什么。 正如this comment所指出的:当使用.html()在dom中添加元素时,它会丢失其事件和数据,这就是为什么我无法克隆以前可排序的ul。

我解决了我的问题,确保列表在应用可排序方法之前已经在dom。

法布里西奥和盖伊,非常感谢你的帮助!

答案 1 :(得分:0)

如果你改变小提琴使用JQuery 1.7.2和JQuery ui 1.8.18它可以正常工作。可能兼容性问题。你可以see it in my version of your fiddle

我看到的错误是

Uncaught TypeError: Object function ( selector, context ) {
        // The jQuery object is actually just the init constructor 'enhanced'
        return new jQuery.fn.init( selector, context, rootjQuery );
    } has no method 'curCSS' jquery-ui.js:84
(anonymous function) jquery-ui.js:84
(anonymous function) jquery-git.js:5473
jQuery.extend.grep jquery-git.js:709
winnow jquery-git.js:5472
jQuery.fn.extend.filter jquery-git.js:5271
$.fn.extend.scrollParent jquery-ui.js:83
$.widget._mouseStart jquery-ui.js:3026
$.widget._mouseMove jquery-ui.js:677
$.widget._mouseDown._mouseMoveDelegate jquery-ui.js:650
jQuery.event.dispatch jquery-git.js:3060
jQuery.event.add.elemData.handle.eventHandle

答案 2 :(得分:0)

我有同样的问题。在我的例子中,只需找到并删除重复的jQuery包括<script>标记。