問題タブ [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 投票する
3 に答える
14115 参照

jquery - 復帰時のjQuery ui.draggableイベント/ステータス

ドラッグ可能な要素が元に戻された場合に情報を取得する方法はありますか?

私はこれにこだわっています。要素を再びドロップ可能にしたいのですが、そこに横たわっていたドラッグ可能要素が別の場所に移動された場合に限ります (意味は元に戻りません)。

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

cocoa - カスタム ビューでいくつかの画像を描画し、それらをドラッグ アンド ドロップするにはどうすればよいですか

私はココアアプリを書いています。1 つの画像をドラッグ アンド ドロップできるコードを作成しました。しかし今、ダブルクリックしていくつかの画像を描画し、それらを D&D する必要があります。新しい画像をダブルクリックするたびに、既存の画像をクリックするたびに、D&D が開始されます。問題は実現中です。簡単な実現方法は想像できません。誰でも解決策を提案できますか?

ありがとう。

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

jquery - jquery ui - 画像をモーダルにドロップする方法

私はこれを機能させるために一生懸命努力してきました。ドラッグ可能なときに呼び出すモーダルがあります-ドラッグ機能が呼び出されます。呼び出されたこのモーダルに要素をドロップしたい。ドラッグ可能な要素をモーダルにフォーカスできないようです。誰かがこの問題で私を助けてくれますか? これが私のコードです:

関数(){

$(this).find('.drag-label').stop().animate({marginTop:'-50px'},'fast'); }、

関数(){

$(this).find('.drag-label').stop().animate({marginTop:'0'},'fast'); }

);

$(".tut-img").draggable( {
hoverClass: "dropHover", helper: "clone", opacity: "0.5", handle: ".tut-img", // ツールバーをドラッグ可能な部分にする drag: function (ev, ui) { $('#newPerson').dialog("open"); }, 停止: function(ev, ui) { $('#newPerson').dialog("close"); } } ) ; $(".newPersonDrop").droppable( { accept: ".tut-img", drop: function(ev, ui) { vardroppedItem = ui.draggable.clone().addClass("droppedItemStyle");
$(this )。append(droppedItem); alert('電話がかかってきました');
} } );

});

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

javascript - マウスダウンでドラッグ可能をトリガーする

これは、ドラッグ可能なイベントをトリガーするイベントを作成しようとしている私の問題です。これが私がすでに試したことです。

とJS。

ただし、オフコースでは、これはmousedownイベントの発生には機能しませんが、mousedown.draggableはトリガーされません。これも可能ですか?私は何が間違っているのですか?

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

jquery-ui - jQuery ui.draggable-現在ドラッグされているオブジェクトを変更する(fullCalendar内)

私が構築している予約スケジューリングサービスに必要なほとんどすべてを実行するfullCalendarjQueryプラグインを発見しました。しかし、私は小さな問題にぶつかりました。

fullCalendar agendaDayビュー内にはドラッグ可能な「イベント」要素がありますが、それらは使用可能なタイムスロットのtdsにロックされています。このスナップをタイムスロットに保持したいだけでなく、イベントをカレンダーの完全に外側にドラッグできるようにします(これは古いバージョンのシステムの動作要件です)。

私のアイデアは、カレンダーテーブルのmouseoutイベントでオブジェクトのクローンを作成することでした。これは機能しますが、ユーザーは、クローンがドラッグされるのを引き継ぐのではなく、クローンをクリックして元のオブジェクトから個別にドラッグする必要があります。

ユーザーが「event」要素をテーブルの外にドラッグしようとしたら、「ドラッグされています」ステータスをクローンに転送する必要があります。これはどういうわけか可能ですか?おそらく私が使用できるより簡単な解決策はありますか?

これがクローン作成を行う私のコードです。eventDragStartは、ユーザーがイベントのドラッグを開始したときに呼び出される「トリガーアクション」(http://arshaw.com/fullcalendar/docs/triggered-actions.php)で、$(this)がイベント要素に設定されています。 eventはcalEvent(実際のデータ項目-ここでは関係ありません)、jsはjavascriptイベント(座標を取得する場所)、uiはuiオブジェクト参照です。「.fc」はカレンダー、「#display_box」はインターフェースのこの部分を含む親要素です。(ところで、ポジショニングはまだ機能していませんが、それは今のところ二次的な優先事項のようなものです)。

fullCalendarを使用したことがない人には、これが明らかであることを願っています。助けていただければ幸いです。長い間申し訳ありません。

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

jquery - jQuery のタブ オーダーは、ドラッグ/ドロップ/ソート リストを強制終了します

jQueryの問題で立ち往生しています。多くのリストにドラッグアンドドロップできる要素からリストを作成しようとしています。しかし、これはすべてタブの中にあります。動作するはずのものが次のように示されています。

http://redbird.lv/problem/jquery_doeswork.html

タブの順序を変更しようとすると、興味深いことが始まります。タブが最初に開かれたものでない場合は、ドロップインして移動できるリストに要素が存在するまで機能しません (目覚めていますか?)。これが私の問題の例です:

複数のリンクを投稿することはできないため、この機能しないリンクは、実際の例で非常に目に見えます。

この問題を解決する方法はありますか? sortables は .('refresh'); でなければならないと思います。タブを開いた状態ですが、

仕事をしていません。だから私は推測外です。どんな助けにも感謝します!ありがとう!エドガーズ

0 投票する
5 に答える
3833 参照

jquery - jqueryのドラッグ可能[またはなど]を介してドラッグしているときにdivが互いにオーバーラップしないようにする方法はありますか?

jquery draggable()を介してドラッグしているときにdivが互いにオーバーラップしないようにする方法はありますか?

ユーザーがドラッグできるdivがたくさんありますが、それらを互いにオーバーラップさせることはできません。

基本的に、ユーザーがサイトのコンテンツをサイト内で自由に移動できるキャンバスを作成していますが、他のコンテンツを移動するときに他のコンテンツと重ならないようにする必要があります。何か案は?

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

c++ - Qt:ウィジェットをドラッグして、ウィジェットの親 QScrollArea をスクロールしますか?

PNGを表示する長い水平QLabelがあります(画像は信号/時間グラフを示しています)。その下に QTableWidget があります。これらは両方とも QScrollArea にあります。これは、垂直方向に整列したままにしたいためです (表のセルは、それらのすぐ上に表示される信号に対応しています)。ユーザーがスクロールバーを使用するのではなく、画像自体を使用してスクロール領域をスクロールできるように、QLabel にハンドラーを追加しようとしています。これを行うための実証済みの方法はありますか?QLabel の dragMoveEvent 内で scrollarea の SliderPosition を直接設定するのは賢明ではないようです。

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

jquery - クリック可能なオブジェクトを含むjQueryのドラッグ可能なリスト - ドラッグ時のクリックを防止

ドラッグ可能な ul があり、ドラッグ中に非アクティブ化したいアンカーが li にあるため、draggable.stop() イベントがトリガーされるとトリガーされません。

これと同様の状況です: jQuery のドラッグ アンド ドロップでクリック イベントを防止する

しかし、ドラッグ可能なアイテムはクリック可能なアイテムではなく、ドラッグ可能なアイテムにはクリック可能なアイテムが含まれています。

上記のリンクのコードを試しましたが、ドラッグ可能なオブジェクトを参照しているため、クリックが正しく妨げられません。

無効にしたい要素を直接指すためにこれを試しましたが、これには最初のドラッグ試行でクリックを開始し、その後すべてのクリック (ドラッグされたかどうかに関係なく) を防止する効果があります。

ui.helper.bindを変更して、ドラッグ可能な親ではなくクリック可能な子にバインドする方法がわかりません。

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

jquery-ui - jqueryuiドラッグ可能な質問:複数の要素を同時にドラッグする方法は?

ドラッグするように設定されているものがあるとしましょう。

複数のドラッグ可能な要素を同時にドラッグできるように、jqueryuiのドラッグ可能なAPIを設定することは可能ですか?ありがとう。