問題タブ [draggable]

jqueryのドラッグ可能/ドロップ可能を使用して、あるフォルダから別のフォルダにアイテムをドラッグできるフォルダリストタイプの状況があります。フォルダ アイテムはドラッグ可能で、フォルダはドロップ可能です。これらは、垂直スクロール バーを表示するのに十分小さい div にあります。

ドラッグ可能なアイテムに "scroll: true" を設定して、div をスクロールできるようにします。ドラッグ可能なアイテムで「helper: "clone"」も使用すると、スクロールが機能しなくなります。

私は何を間違っていますか？

非常に単純化されたコードを次に示します。

アイテムのドラッグ可能なリスト (左の列) を並べ替え可能なリスト (右の列) にドラッグできるようにする機能を作成しようとしています。connectToSortable を実行するだけの違いは、ソート可能なリストがドロップ可能なリストのように機能する必要があることです。つまり、アイテムの順序は、新しいアイテムをドラッグするときにのみ右側の列に保持されますが、アイテム間の順序を再配置するときは保持されません。すでに右の列にあります。

以下のリンクは、その機能の最初の部分を示しています。アイテムを必要なセクションにドラッグできます。また、一度右の列に配置されたアイテムを再配置できるようにしたい. さらに、ドラッグ中にクラスを追加し、クラスを変更したい

一度落とした要素。私はこれらすべてを際限なく実験してきました。これまでのところ、約 15 時間潜っていて、いたるところでレンガの壁にぶつかっています。私はこれらの問題にアプローチする方法さえ知りません。

リンク

ここからコピーしたい：

の中へ：

そして、これがJSです

);

どんな助けでも大歓迎です!! ありがとうございました！

クリックしたときに要素を選択できる機能があります。こんなふうになります：

これに jQuery sortable を追加すると、この関数が実行されるため、ドロップするとすぐにドロップされる要素が選択されます。この問題を解決するためのアプローチは何ですか？

ありがとう！

このサイトをjQuery関連の問題のリソースとして頻繁に使用していますが、今回は答えが見つからないようです。これが私の最初の投稿です。

昼間の仕事では、MSWord文書を生成するための情報システムを開発しています。私が開発しているモジュールの1つは、目次のデフォルトの章選択を定義し、指定された章ごとにテキストを選択するためのものです。ユーザーは新しいチャプターを送信し、必要に応じて、それらをチャイルドチャプターとして親に追加し、「ADopt in TOC」としてフラグを付け、デフォルトのテキスト（別のモジュールから）をチャプターにリンクできます。

私のチャプターリストはMySQLテーブルから再帰的に取得され、次のようになります。

FireFoxでは、コードは魅力のように機能しますが、IE（7）はそれほど好きではないようです。メインチャプターの周りを正しくドラッグすることしかできません。サブチャプターをドラッグしようとすると、レベルに関係なく、対応するメインチャプターがすべてではなく、一部の子供と一緒に持ち上げられます。

これは、タスクを実行するために使用しているjQueryコードです。

誰かがこれについていくつかのアイデアを持っていますか？IEは、ドラッグ可能/ソート可能を処理しようとしているjQueryと組み合わせて、複数のクラス参照「chapter_list」に分類されると思います。

私はYUI3を使用していて<tr>、テーブル内のタグをドラッグ可能にしようとしていますが、運がありません。ノードをドラッグできることがわかりました<div>が、何らかの理由でをドラッグできません<tr>。制限ではないはずです。これが行われるYUI2の例を見つけましたが、コードはYUI3とは完全に異なり、これを理解することはできません。

<tr>YUI3でノードをドラッグできるかどうか、およびその方法を知っている人はいますか？

これが私のコードです：

そして関連するHTML：

どんな助けでもいただければ幸いです。ありがとう！

わかりました、これは長いものの 1 つです。

ID とフィールドを格納する値のテーブルがあります。

これは正しくバインドされ、データはテーブルに正しく配置されます。フィールドにバインドされた列のみが「ドラッグ可能」であることに注意してください。また、ドラッグが正常に機能することにも注意してください。

今、テーブルから値をドラッグアンドドロップできるようにしたいテキストボックスがあります。素敵でシンプル -

今楽しい部分:)

これはうまくいきます。

今トリック。IDとフィールドを覚えておいてください。フィールドをドラッグしたいのですが、テキストボックスにIDを追加したいです。これでうまくいきました。IEでテスト。しかし、今日、私はそれをFirefoxで開き、テキストボックスに「未定義」が表示され始めたときの完全な恐怖を想像してください。

スピードのために（別名、今すぐ動作させるため）、ドロップ可能なものを変更したところ、次のようになりました。

ノート。「tbox.value = ...」ビットは、テキストボックスにドラッグされたすべての ID で構成される文字列を作成したいためです。ユーザーエクスペリエンスのために、IDではなくユーザーフレンドリーなフィールド名をドラッグしてもらいたいので、兄弟を取得する必要があります（IDはユーザーにとって意味がないためです-表示される唯一の理由は、ユーザーがマップできるようにするためですテキストボックス内の id を単語にドラッグした後)。さらなる背景として、ID文字列はxmlファイルに保存され、構成やその他の魔法のようなものに使用されます:)

だから今質問

1. これは既知のバグですか、それとも完全に間違っていますか?
2. それが問題である場合、これが最善の方法ですか、それともそれを修正するためのより良い方法はありますか?

もう一度注意してください - ここのコードはすべて動作します。これは、私が現在持っているものに対する最善のアプローチ方法です。これは確かに回避策です。

頻繁に変更される長いリストを持つアプリケーションがあり、そのリストの項目をドラッグできるようにする必要があります。

jQuery UI のドラッグ可能なプラグインを使用してきましたが、400 以上のリスト項目に追加するのが遅く、新しいリスト項目が追加されるたびに再追加する必要があります。

.live()jQuery 1.3 のイベントを使用する jQuery UI のドラッグ可能なプラグインに似たプラグインを知っている人はいますか? これにより、両方の問題が解決されます。

アコーディオンウィジェット内にドラッグ可能なオブジェクトがあります。ドラッグすると、その親であるアコーディオン要素が拘束されます。「封じ込め」オプションを使用しようとしましたが、成功しませんでした。

私はFireFox3.5.5とChromium4でこれを試しました。

それを解決する方法はありますか？

ありがとう

Jquery または ASP.NET コントロールを使用して、ドラッグ可能でサイズ変更可能なアイテムのリストを実装する必要があります。コード スニペットやリンクはありますか?

なぜこれがまったく機能しないのですか?

jQueryサイトのドラッグ可能なサンプルページから文字通りコピーして貼り付けただけですが、うまくいきません:(

誰でも理由を教えてもらえますか?