javascript - Jquery ui sortables不起作用

Question

我正在使用 jquery ui 来制作一个可排序的列表，但它不起作用，我就是不明白为什么。ul 元素接收到类 'ui-sortable' 但没有任何反应。

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

例子在这里。要使其“工作”，只需单击其中带有“editar”的按钮。

Answer 1

在这个问题上浪费了整个周末之后，我最终明白了发生了什么。正如这条评论所指出的：当使用 .html() 在 dom 中添加元素时，它会丢失其事件和数据，这就是我无法克隆以前可排序的 ul 的原因。

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

Fabrício 和 Guy，非常感谢您的帮助！

Answer 2

我有同样的问题。就我而言，这只是查找和删除重复的 jQuery 包含<script>标签的问题。

Answer 3

如果您将小提琴切换为使用 JQuery 1.7.2 和 JQuery ui 1.8.18，它可以正常工作。可能是兼容性问题。你可以在我的小提琴版本中看到它

我看到的错误是

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