jquery uiを使用して並べ替え可能なリストを作成していますが、機能せず、理由がわかりません。ul要素はクラス「ui-sortable」を受け取りますが、何も起こりません。
元のjsにはさらに多くの無関係なオブジェクトがあるため、例を作成しました。
例はここにあります。「動作」させるには、「エディタ」が含まれているボタンをクリックするだけです。
jquery uiを使用して並べ替え可能なリストを作成していますが、機能せず、理由がわかりません。ul要素はクラス「ui-sortable」を受け取りますが、何も起こりません。
元のjsにはさらに多くの無関係なオブジェクトがあるため、例を作成しました。
例はここにあります。「動作」させるには、「エディタ」が含まれているボタンをクリックするだけです。
この問題で週末全体を無駄にした後、私は何が起こったのかを理解することになりました。このコメントが指摘しているように、.html()を使用してdomに要素を追加すると、イベントとデータが失われるため、以前に並べ替え可能なulを複製できませんでした。
ソート可能なメソッドを適用する前に、リストがすでにdomにあることを確認して、問題を解決しました。
ファブリシオとガイ、あなたの助けに感謝します!
JQuery1.7.2とJQueryui1.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
私はこれと同じ問題を抱えていました。私の場合、重複するjQueryinclude<script>
タグを見つけて削除するだけでした。