jQueryUIドラッグ可能+ソート可能バグ(未定義のプロパティ 'オプション'を読み取れません)

N.スキッパー

私の質問はこの質問に似ているようです:

並べ替え可能なリストからドラッグアンドドロッププラグインへのドラッグ

しかし、それに答えがないので、誰かが私と一緒にそれを理解できるかどうか疑問に思っていました。私が抱えている問題は、ドラッグ可能なdivを作成し、これを並べ替え可能なdivに追加することです。私がそのような引数を指定すると:

$(el).sortable({ ... arguments ... }); 

要素がドロップされるとエラーが発生します。以下を参照してください。空のままにすると、奇妙なことに正常に動作し、問題は発生しません。このエラーにより、ドラッグ可能な要素によって関数がトリガーされることもできなくなります。

Uncaught TypeError: Cannot read property 'options' of undefined 
jquery-ui-1.10.3.custom.js:2204

$.ui.plugin.add.stop                         jquery-ui-1.10.3.custom.js:2204
$.extend.plugin.call                         jquery-ui-1.10.3.custom.js:284
$.widget._trigger                            jquery-ui-1.10.3.custom.js:2017
(anonymous function)                         jquery-ui-1.10.3.custom.js:401
$.widget._mouseStop                          jquery-ui-1.10.3.custom.js:1702
(anonymous function)                         jquery-ui-1.10.3.custom.js:401
$.widget._mouseUp                            jquery-ui-1.10.3.custom.js:957
(anonymous function)                         jquery-ui-1.10.3.custom.js:401
$.widget._mouseUp                            jquery-ui-1.10.3.custom.js:1721
(anonymous function)                         jquery-ui-1.10.3.custom.js:401
$.widget._mouseDown._mouseUpDelegate         jquery-ui-1.10.3.custom.js:913
jQuery.event.dispatch                        jquery-1.10.2.js:5095
jQuery.event.add.elemData.handle             jquery-1.10.2.js:4766

そして、これはそれがうまくいかないコードです:

$.ui.plugin.add("draggable", "cursor", {
    start: function() {
        var t = $("body"), o = $(this).data("ui-draggable").options;
        if (t.css("cursor")) {
            o._cursor = t.css("cursor");
        }
        t.css("cursor", o.cursor);
    },
    stop: function() {
        var o = $(this).data("ui-draggable").options;
        if (o._cursor) {
            $("body").css("cursor", o._cursor);
        }
    }
});

var o = $(this).data("ui-draggable").options;$(this).data()のみを含む:オブジェクト{ID: "C17"}

コード例:

$('.draggable').draggable({
  connectToSortable: '.sortable',
  drop: function(){
    console.log('Element dropped');
  }
});

$('.sortable').sortable({
  update: function(){
     console.log('sortable updated'); 
  }
});

JSBinの例:http://jsbin.com/eHUKuCoL/9/edit?html、js、outputうまくいけば、誰かが問題とは何か、問題の修正は何かを教えてくれるでしょう。

オンドリ

ドキュメント、Jquery UI Draggable Documentationよると、connectWithSortable機能を問題なく機能させるには、ヘルパーパラメーターを「クローン」に設定する必要があります。

それを行うと、エラーのスローが停止しました。

JSBinを更新

また、ドラッグ可能にはドキュメントに「ドロップ」メソッドがないため、それが目的の場合は、ドロップ可能プラグインを含める必要があります。

最後に、ヘルパーメソッドとしてcloneを使用する必要がある場合は、スムーズに実行するためにcssを追加する必要があります。

乾杯。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

未定義のJQueryオプションタグのプロパティを読み取れません

分類Dev

フローチャート:未定義のプロパティ「プラグイン」を読み取れません

分類Dev

未定義のプロパティスラッグを読み取れません

分類Dev

D3ドラッグエラー '未定義のプロパティxを読み取れません'

分類Dev

強制グラフエラー、「未定義のプロパティ「プッシュ」を読み取れません」

分類Dev

未定義のIndexedDBのプロパティ「トランザクション」を読み取れません

分類Dev

「未定義」のプロパティ「バッファ」を読み取れません

分類Dev

未定義のプロパティ「トランザクション」を読み取れません

分類Dev

霧雨中のエラーuseCacheCall():TypeError:未定義のプロパティ「メソッド」を読み取れません

分類Dev

Angularjsルーティング:未定義のプロパティ「パス」を読み取れません

分類Dev

Ionic CordovaSQLiteプラグインエラー未定義のプロパティ「openDatabase」を読み取れません

分類Dev

AngularJsエラー未定義のプロパティ 'then'を読み取れません

分類Dev

未定義エラーのプロパティ 'getState'を読み取れません

分類Dev

エラーTypeError:未定義のプロパティ '...'を読み取れません

分類Dev

未定義のプロパティ 'on'を読み取れませんか?->エラー

分類Dev

UIグリッドが未定義のプロパティデータを読み取れません

分類Dev

未定義のD3のプロパティ「ドラッグ」を読み取れません

分類Dev

失敗:ログインテストで未定義のプロパティ 'setValue'を読み取れません

分類Dev

グーテンベルクのInnerBlocksの「未定義のプロパティ 'getEditedPostAttribute'を読み取れません」

分類Dev

ReactNavigationエラー-未定義のプロパティ「バインド」を読み取れません

分類Dev

静的スキーマ メソッド: 未定義のプロパティ 'myFindOrCreate' を読み取れません

分類Dev

未定義のマングースのプロパティ「長さ」を読み取れません

分類Dev

エラーTypeError:Angular7のドラッグアンドドロップで未定義のプロパティ「長さ」を読み取れません

分類Dev

Angular:未定義のプロパティ「call」を読み取れません(ブートストラップ時)

分類Dev

マップコンポーネント:未定義のプロパティ「初期化」を読み取れません

分類Dev

Angular2-ユニットテスト観察可能なエラー「未定義のプロパティ「サブスクライブ」を読み取れません」

分類Dev

パグ:未定義のプロパティ「タイトル」を読み取れません

分類Dev

セッションの確認中に未定義のプロパティ「名前」を読み取れません

分類Dev

マングース5.0.16、未定義のプロパティ「replace」を読み取れません

Related 関連記事

  1. 1

    未定義のJQueryオプションタグのプロパティを読み取れません

  2. 2

    フローチャート:未定義のプロパティ「プラグイン」を読み取れません

  3. 3

    未定義のプロパティスラッグを読み取れません

  4. 4

    D3ドラッグエラー '未定義のプロパティxを読み取れません'

  5. 5

    強制グラフエラー、「未定義のプロパティ「プッシュ」を読み取れません」

  6. 6

    未定義のIndexedDBのプロパティ「トランザクション」を読み取れません

  7. 7

    「未定義」のプロパティ「バッファ」を読み取れません

  8. 8

    未定義のプロパティ「トランザクション」を読み取れません

  9. 9

    霧雨中のエラーuseCacheCall():TypeError:未定義のプロパティ「メソッド」を読み取れません

  10. 10

    Angularjsルーティング:未定義のプロパティ「パス」を読み取れません

  11. 11

    Ionic CordovaSQLiteプラグインエラー未定義のプロパティ「openDatabase」を読み取れません

  12. 12

    AngularJsエラー未定義のプロパティ 'then'を読み取れません

  13. 13

    未定義エラーのプロパティ 'getState'を読み取れません

  14. 14

    エラーTypeError:未定義のプロパティ '...'を読み取れません

  15. 15

    未定義のプロパティ 'on'を読み取れませんか?->エラー

  16. 16

    UIグリッドが未定義のプロパティデータを読み取れません

  17. 17

    未定義のD3のプロパティ「ドラッグ」を読み取れません

  18. 18

    失敗:ログインテストで未定義のプロパティ 'setValue'を読み取れません

  19. 19

    グーテンベルクのInnerBlocksの「未定義のプロパティ 'getEditedPostAttribute'を読み取れません」

  20. 20

    ReactNavigationエラー-未定義のプロパティ「バインド」を読み取れません

  21. 21

    静的スキーマ メソッド: 未定義のプロパティ 'myFindOrCreate' を読み取れません

  22. 22

    未定義のマングースのプロパティ「長さ」を読み取れません

  23. 23

    エラーTypeError:Angular7のドラッグアンドドロップで未定義のプロパティ「長さ」を読み取れません

  24. 24

    Angular:未定義のプロパティ「call」を読み取れません(ブートストラップ時)

  25. 25

    マップコンポーネント:未定義のプロパティ「初期化」を読み取れません

  26. 26

    Angular2-ユニットテスト観察可能なエラー「未定義のプロパティ「サブスクライブ」を読み取れません」

  27. 27

    パグ:未定義のプロパティ「タイトル」を読み取れません

  28. 28

    セッションの確認中に未定義のプロパティ「名前」を読み取れません

  29. 29

    マングース5.0.16、未定義のプロパティ「replace」を読み取れません

ホットタグ

アーカイブ