droppable

1熱

1答えて

私は現在、ドロップ可能でドラッグ可能な要素を備えたショッピングカートを作成しています。各要素には値（価格）があり、ターゲットにドロップされると、値は入力フィールドに表示されます。はここに私のバイオリンです：https://jsfiddle.net/SamyAbouseda/jhchfwzg/ HTML <div id="draggable" class="ui-widget-content" d

0熱

1答えて

jsPlumb-複製せずにクローンをドラッグ

オブジェクト（単純なイメージ）をツールボックスからキャンバスにドラッグしようとしています。しかし、キャンバスにドロップしたオブジェクトを移動/ドラッグすると、別のクローンを作成するように見えます。しかし、私が必要とするのは、オブジェクトをキャンバスに複数回ドロップするだけで、キャンバス内にオブジェクトをドラッグするたびにそのオブジェクトの複製を作成せずにキャンバス内のオブジェクトを移動することがで

0熱

1答えて

jsPlumbの要素間の接続の作成

ユーザーがツールボックスから要素をドラッグしてキャンバスにドロップし、次にそれらを互いに接続できる単純なUIを作成しました。しかし、接続ポイント（要素の左隅にある白い四角）、一意のIDをそれぞれ与えた後に接続しようとすると、接続線はキャンバス内の他の場所から始まり、下に示すように接続されません。すぐにマウスを離すと、コネクタの線が消えます。ここで私は要素 function dropComplet

2熱

1答えて

コンテナ内のドラッグ可能な要素の制限

jquery UIライブラリを使用せずにdivをドラッグ可能にしましたが、ドラッグ可能なボックスをコンテナから離してはいけません。ここでこれを行うにはどのようdemo $(document).ready(function() { var $dragging = null; $(document.body).on("mousemove", function(e) {

0熱

1答えて

jQuery Droppableショッピングリストを保存する

jQueryを使用して作成した買い物リストをSQLテーブルに保存する例を探しています。コードはここにあります：Droppable 私が必要とするのは、「保存」ボタンを押した「ショッピングカート」にドロップされたすべての製品をテーブル（レコードを挿入）に保存する方法の例（開始点）です。私は何かのように使用してみました：入力タイプ= "隠された" ID = "項目ID" を私は一つだけのアイテム

0熱

1答えて

jsPlumbの要素と一緒にすべての接続を削除する

jsPlumbで削除された要素を削除しようとすると、接続は削除されません。代わりに、彼らは単に同じ位置に存在します。ダブルクリックすると、その接続のソースまたはターゲットが削除されたときに、すべての接続を削除したいと思います。コードの <!doctype html> <html> <head> <script src="../lib/jquery.min.js"></script>

6熱

1答えて

jQuery UIのドラッグ可能な要素がソート可能にドロップされました

ドラッグ可能なアイテムのリストがあり、ソート可能なコンテンツブロックにドラッグできるようにしたいと考えています。 <div class='items'> <div class="one">One</div> <div class="two">Two</div> </div> <div class="content"> <div class="block">Foo

0熱

1答えて

折りたたまれたdivでドロップドラッグ可能

私の目標は、ドラッグ可能なアイテムを取って折りたたんだdivにドロップできるようにすることです。アイテムがドロップされると、折りたたまれたdiv内のdivに追加されます。入れ単に、上でドロップする「outter_collapsed」内のアイテムを配置します <div id = "outter_collapsed"> <div id = "inner"> <!-- DROPPED ITEM P

0熱

1答えて

Jqueryドラッグ・ドロップの問題

私は以下のJSfiddleコード（下のリンク）を持っています。私は項目を白いボックスの領域内にドラッグできるようにそれを修正する問題を抱えています。シナリオ：ユーザー1ボックスはベースであり、他のすべてのユーザーボックスはユーザー1ホワイトコンテンツDIV内にある必要があります。次に、例えばユーザ4をユーザ2にドラッグすると、ユーザ4はユーザ2の白いコンテンツボックス内になければならない。現時

1熱

2答えて

jQueryの - 'ドラッグDIV' の大きさは 'ドロップ可能DIV' よりも大きい場合Dropイベントはoccuringない

可能性の重複： jQuery UI draggable to smaller droppable私はドラッグのdivやドロップ可能div要素を持っています。 draggable divは、drop可能divよりも高さと幅が大きい。ドロップイベントは起こっていません。 <div id='draggable' style="width:500px; height:500px;"> ABCA