問題タブ [jquery-ui-draggable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2614 参照

jquery - jquery UIドラッグ可能:overflow:scrollを使用してコンテナー内を水平方向にドラッグしますか?

やあみんな、私はすでにドラッグアンドドロップの振る舞いを実装するためにjqueryUIドラッグ可能な関数を使用しました。

今回は、水平スクロールバーにドラッグ動作を簡単に実装できるかどうか疑問に思います。

たとえば、画像と段落が含まれるdiv-containerがあります。コンテナにはoverflow-xスクロールがあるため、スクロールバーが表示され、コンテナのすべてのコンテンツを水平方向にスクロールできます。

ドラッグ動作を実装して、画像をクリックしたときに、コンテナーの内部コンテンツ全体をコンテナーの境界内で水平方向にドラッグできるようにすることは可能ですか。

複雑に聞こえますが:)しかし、私の計画は実際には非常に単純です。この例を確認してください:http://jsfiddle.net/TT9hq/2/

スクロールバー自体を使用するのと同じように、各水平スクロールバーコンテナ内のコンテンツをドラッグできるようにしたいだけです。

0 投票する
2 に答える
5187 参照

jquery - DraggableをSortableに接続すると、ヘルパー要素がジャンプします

ページ上にjQueryUIのドラッグ可能なオブジェクトと並べ替え可能なオブジェクトがあります。

ドラッグ可能な要素から並べ替え可能な要素に要素をドラッグすると、ドラッグされた要素がページの左上にジャンプします

デモは次のとおりです:http://jsfiddle.net/travisrussi/aBhDu/1/

再現するには:

  • 「アイテム5」をドラッグ可能なdiv(上のボックス)からソート可能なdiv(下のボックス)にドラッグします。

実結果:


ドラッグされた要素が相対位置から絶対位置に切り替わるように見えます。ドラッグされた「li」は次の場所から切り替わります。

これに:

ドラッグ可能なアイテムがソート可能なオブジェクトにドラッグされたとき。


これは、jQueryUI 1.8.12の関連するスニペットです(3041行目から始まります)。


使用していない構成オプションはありますか?

CSSに問題はありますか?

それとも、これはjqueryUIのバグですか?

0 投票する
2 に答える
1053 参照

jquery-ui-sortable - jQueryUI を使用してテーブル内の行をドラッグ & ドロップする

私はJavascript、jQuery、すべてのクライアント関連の初心者です。

同じテーブル内で「テーブル行」(各行にはラベルと 2 つのチェックボックスがあります) をドラッグ アンド ドロップしようとしています。jQueryUI のドラッグ可能およびドロップ可能を使用しています。私が抱えている問題は次のとおりです。

  1. たとえば。行 1 をクリックして行 3 にドラッグすると、行 1 (すべての要素が 1 つにまとめられたもの<td>) が<td>ドラッグ先の任意の行に設定されます。

  2. ドラッグされた行は、ドラッグされた場所から削除する必要があります。

ここにリンクを含めました。

0 投票する
1 に答える
1884 参照

javascript - jQuery UI の並べ替え可能およびドラッグ可能リストの相互作用が正しく機能しない

World of Warcraft プレイヤー向けのレシピ トラッカー ツールをhttp://www.wowgeeks.com/tracker.php?item=recipesに用意しました。「持っている」リスト、「必要」リスト、オリジナルのアイテムから選択できるリストの 3 つのカスタム デザインのリストがあります。最後のリストはドラッグ可能でconnectToSortable、最初の 2 つのリストが共有するクラスに設定されています。

3 つのリストの HTML:

そして、ドラッグ可能/ソート可能の JavaScript は次のとおりです。

なんらかの理由で、項目を 3 番目のリストから 1 番目のリストに 1、2 回ドラッグした後、突然連携を拒否します。3 番目のリストの項目が突然ドラッグできなくなります。ただし、項目を 3 番目のリストから 2 番目のリストにドラッグしても問題なく動作します。上記のリンクを試して、自分でテストすることができます。誰が問題が何であるか教えてもらえますか?

0 投票する
1 に答える
3040 参照

jquery - jQuery $(ui.draggable).remove() が IE で動作しない

現在のドラッグ可能なオブジェクトでない限り、IE にオブジェクトを削除させることができます。これは Chrome と Firefox で動作します。私が間違っていることはありますか?

0 投票する
1 に答える
1605 参照

jquery - Jqueryドラッグ可能なクローンされたdiv

JQueryを使用した Web ページの実装に問題があります。自分がやろうとしていることを理解するのが難しいことはわかっていますが、できる限り明確にするように努めます (私の英語はあまり上手ではありませんが)。

「containment-wrapper」内にドラッグできるdivを持つWebページがあり、ドラッグするとそのメインdivのクローン(コピー)が取得され、このクローンされたdivをドラッグできるように実装しました画面の周り ("containment-wrapper" の内側)。メインdivをドラッグするたびに、別の複製された div が作成されます。それは完全に機能します。

コード:

問題は、そのWebページをロードするときに、ユーザーが前部divの状況をサーバーに保存したことを実装する必要があることです:すべての複製されたdivの位置(メインdivのIDと位置-トップを保存しました)そして、左)。

そのため、ページがロードされたときに実行され、ユーザーが保存した複製された div を作成して画面に配置するコードを実装しようとしています (「containment-wrapper」内)。

私はこのコードでそれを手に入れました (私は値を持っています: $id -メインdiv の ID、$leftおよび$top - 作成する必要がある div の位置):

それは私が望む場所に複製されたdivを作成しますが、私の大きな問題は、その複製されたdivをマウスでドラッグしようとすると、そのdivがドラッグされると、メインのdiv(そこから作成したもの)がドラッグされ始めることです.複製された div) と別の複製された div が作成されます。したがって、私のコードが作成した複製された div をドラッグすることはできません。

私の状況と問題をすべて理解できることを願っています...どうすれば解決できるでしょうか?

私もこのようなことをしようとしました(それで、ドラッグ可能なイベント関数で位置を扱うことを考えていました):

しかし、firebug (firefox プラグイン) でデバッグすると、ドラッグ可能なイベントが実行されないことがわかります。

お時間をいただき、誠にありがとうございました。

アレイクス

0 投票する
1 に答える
1379 参照

jquery - ドラッグされたアイテムは、ajaxでドロップすると消えます

jQueryのドラッグアンドドロップに本当に問題があります。それでは、状況を少し説明させてください。

私が達成したいのは次のとおりです。タイムライン上のティアドロップの1つをドラッグすると、divからのIDとドロップされたアイテムからのIDが、ドロップの直後にデータベースに保存されます。

私はなんとかajaxでそれを行うことができました、ここにコードがあります:

しかし、そうすると、ドラッグされたアイテム(またはそのアイテムのクローン)が消えてしまいます。ページが更新されないため、理由はわかりません。新しいアイテムは保存されません。

私が試したもう1つのオプションは、ドラッグされたアイテムのIDとドロップされたアイテムIDをテキストボックスに入力し、何かがドロップされるたびにそれを保存することでした。しかし、それもうまくいきません。

誰かが私を助けてくれることを本当に願っています!前もって感謝します。

ここに画像の説明を入力してください

0 投票する
1 に答える
20625 参照

jquery - この div の外側で他のドラッグ可能なオブジェクトの内側にある場合、ドラッグ可能なものを元に戻します (無効と有効の両方の元に戻すオプションを使用)

ui ドラッグ可能 ( http://jqueryui.com/demos/droppable/#revert ) では、ある div 内にあり、別の div 内にない場合、div を元に戻すことができますか? たとえば、このように

しかし、それは明らかな理由で機能しません..しかし、それを条件付けることはできますか?..いつ、そのドロップ可能の内部ではなく、このドロップ可能の内部にあるのですか?

0 投票する
1 に答える
916 参照

ckeditor - jQuery-uiドラッグ可能な要素をCKEditorに?

私は別の機能をテストしていましたが、どういうわけか、jQuery UI で「ドラッグ可能」にレンダリングした画像を誤って CKEditor (jQuery バージョン) ウィンドウにドロップしてしまいました。それに応じて、エディターのソースが更新されました。セレンディピティ!

しかし、それはまるでユニコーンを見たようなものでした。それは 1 回だけで、その効果を再現することはできませんでした。

この 2 つのツールを連携させることができた人は他にいますか? もしそうなら、トリックは何ですか?