2011-08-15 31 views
0

とのエラーが、私は少し動的にドラッグ可能な要素を追加することができるようにするためにjQueryUI例「ドラッグ可能+ソート可能」(http://jqueryui.com/demos/draggable/sortable.html)を拡張しました。ライブの例はhttp://jsfiddle.net/MLSqaです。jQueryUIドラッグ可能:動的に追加された要素

[追加]ボタンをクリックすると、新しいドラッグ可能なアイテムが正常に#sortableリストに追加されました。

しかし、マウス(1回目)で移動しようとすると、突然左上隅にジャンプします。そしてそれを動かす2回目の試みだけが成功を収めます。

このような奇妙な動作を修正するにはどうすればよいですか?新しく追加したアイテムを正しくドラッグするには?

答えて

2

はアップデートをチェック:http://jsfiddle.net/MLSqa/1/

あなたは新しい項目のドラッグを「再作成」する必要はありません。既存のドラッグ可能なアイテムに新しいアイテムを追加するだけです。

また、変数ボックスの前の$も削除しました。あなたがしたい場合は、これを戻すことができます。

+0

ブリリアント!まさに私が探していたもの!どうすればあなたに投票できますか? – user894723

+0

正確に私が必要とするものは、どのようにコードを取得するのですか? – chovy

+0

Fiddle(回答のリンク)からコピーして貼り付けることができます。どのようにそれを実装するつもりです私はあなたに正確に伝えることはできませんが、HTMLコード(左上の領域)は、ドラッグ可能なリストを作成したい場所に変更/挿入する必要があります。左下のjavascriptは '

関連する問題