問題タブ [jquery-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.
draggable - 複数のハンドルがある場合にドラッグ可能なものをドラッグするために使用されるハンドルを取得する方法
私はJqueryDraggable
を使用しています
私のdraggableは、4つの側面すべて(上、下、左、右)に4つのハンドルがあり、これを使用してドラッグ可能をそれぞれの方向にドラッグできます
ドラッグの方向を取得しaxis
、ドラッグが開始されたら設定できますが、bottom handle
にドラッグするために使用されている場合はどうなりますかleft direction
。
では、ドラッグ可能なものをドラッグするためにどのハンドルが使用されているかを知る方法はありますか?
draggable - ドラッグを一方向にのみ制限する
ドラッグ可能なものを一方向にのみドラッグするように制限するにはどうすればよいですか?
つまり、上のみまたは下のみの場合axis: 'y'
、および左のみまたは右のみの場合axis: 'x'
(with axis set to 'y')
これは、ドラッグ可能なものをにのみドラッグしたい場合bottom
、それを上にドラッグできないようにする必要があることを意味します。つまり、上にドラッグしようとしたときにその場所に留まる必要があります。
これは私が試したものですが、機能していません。つまり、ドラッグ可能はまだ上方向にドラッグされています
jquery - 項目を div にドラッグ アンド ドロップし、元の位置に戻すオプションがあります
説明したように、私が持っているメニューの種類からいくつかの div をドラッグし、それらを特定の div にドロップできるようにしたい.
ただし、それぞれに「x」ボタンを追加して、「x」ボタンをクリックすると、ドラッグ可能/ドロップ可能な要素が元の位置に戻る(元に戻る)ようにしたい..
私はこれを見つけた
これは私が望んでいたもののように思えました(実際には、全体的なものではなく、それぞれに固有のボタンが必要です..しかし、1)これはjsfiddleでもドロップされないようです2)私のテストでは、コンソールにエラーが表示されます"Uncaught TypeError: 未定義のプロパティ 'originalPosition' を読み取ることができません"
具体的には、この行でエラーが発生します ui.draggable.data("draggable").originalPosition);
ここにjs部分があります..
私のhtmlは次のようになります
ドロップ可能な位置 fooにのみドロップできるようにしたい
そして初期位置
psプラグインjquery.uiではなく、jqueryだけでこれをダウンさせることができますか?
javascript - jqueryドラッグ可能なContent editable divでテキストを選択します
jqueryを使用してドラッグ可能な要素にされる別のdivの子であるcontenteditable divがあります。
私が直面している問題は、テキストの選択などのデフォルトのマウス操作が無効になっていないことです。さらに、テキストを選択しようとすると、div全体がドラッグされます。私はこのようなことを試しました:
しかし、これはマウスのドラッグ操作を妨げるだけです。また、テキストの選択を妨げます。親でドラッグ可能を維持しながら、編集可能な子コンテンツですべてのコンテンツ編集マウス アクションを有効にするにはどうすればよいでしょうか?
jquery-ui - ドラッグされた要素はドラッグできません
http://jsfiddle.net/stevea/zPPPV/3/で簡単なドラッグアンドドロップの状況があります。緑色のボックスをドラッグ アンド ドロップすると、ドロップ ハンドラーはドラッグされたオブジェクトのクローンを作成し、ドロップが発生した xy の赤いボックスに挿入します。緑色のボックスには絶対位置があり、クローンにはドロップ ポイントでオフセットが与えられます。
ボックスのドラッグ アンド ドロップは一度は正常に機能しますが、Firebug が ui-draggable クラスを持っていることを示していても、複製して挿入された新しいボックスをドラッグ アンド ドロップすることはできません。
誰かが問題を見ていますか?
ありがとう。
jsfiddle を参照したので、明らかにコードを表示する必要があります。
jquery - jqueryを使用して要素のリストをドラッグおよびソート可能にする方法は?
要素のリストがあり、Jquery を使用して並べ替えおよびドラッグできるようにしたいと考えています。ただし、特定の要素をドラッグすると、他の既存の要素と重なってはいけません。誰か助けてください。
jquery - 自動スクロール時のドラッグ可能なプラグインのバグ (jquery)
jquery ドラッグ可能なプラグインを使用してウィジェット (div) をページ内の別の場所に移動するプロジェクトで作業していますが、解決できないという問題があります。
私の問題は、jquery ドラッグ可能プラグインのデモ サイトで発生するものとまったく同じです: http://jqueryui.com/draggable/#scroll
最初の div のドラッグを開始してから下に移動すると、ウィンドウがスクロールすることがわかります (予想どおり)。しかし、div とマウスの間のマウスのオフセットがオリジナルではないことがわかります。つまり、スクロールダウン(またはアップ)している間、divはマウスの近くにある必要があります。
の使用としていくつかのオプションを試しました
ドラッグ可能な要素または
しかし、どちらのソリューションも問題を解決しません。
御時間ありがとうございます。
javascript - setTimeout を機能させる
Jquery UI ドラッグ アンド ドロップを使用する次のコードがあります。アイテムがその領域にドロップされると、ドロップ ゾーンが会社のロゴに変わります。遅延と、ドロップされたリンク内の URL へのリダイレクトが必要です。
ロゴを変更するか、リダイレクトするURLを取得できますが、両方を設定すると、遅延は発生せず、リダイレクトが開始されます。私はsetTimeoutで何か間違ったことをしていると思います。
コードは次のとおりです。