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

javascript - Scriptaculous でネスト可能なドラッグ可能オブジェクトを作成するには?

私は Scriptaculous ライブラリを使用して、エンドユーザーがリストを作成するのに役立つ魅力的な UI をアプリケーションに平手打ちしています。ピザの作成としましょう。

注文を完了するには、ピザのサイズをピザ パレットからドロップ可能な注文にドラッグします。そこに配置されると、ドラッグ可能(パレットに戻すことでジャンクできるため)とドロップ可能(材料を追加できるため)の両方の新しいdivに置き換えられます。

次に、注文のグループにあるピザのいずれかに、材料パレットから材料を追加できます。

これらのビットを正常に実装し、すべて正常に動作します。執着者: 配置されたピザから材料をドラッグ アンド ドロップしようとすると、ドラッグ可能として適切にマークされ、適切な測定のためにピザの上に z 配置され、代わりにピザのホールセールを取得します。これにより、この画面の重要な機能である材料の選択を元に戻すことができなくなります。

これをどうやってやりたいことができるかについての提案はありますか? 理想的には、単純なドラッグ オン、ドラッグ オフ UI を維持したいと考えています。これは、以前使用していたものよりも直感的な世界だからです。(多段階の HTML フォーム...身震いする...)

0 投票する
7 に答える
14251 参照

jquery - jQuery Safari/Chrome のドラッグ可能なコンテインメント プロパティとの非互換性

このコードは、Firefox、Internet Explorer では機能しますが、Safari/Chrome では機能しません。

Safari/Chrome では、divNew は垂直方向にのみ移動できます。jQuery のこの機能は現在互換性がありませんか? 私は 1.5.2 安定版を使用しています。ここで見つけることができますjQuery 1.5.2

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

jquery - jQuery droppables - ドロップ時に要素を変更する

私はjQueryに少し慣れていないので、誰かが私を助けてくれることを願っています.

(li) が削除された後、要素 (li) を別の要素 (div) に変更しようとしています。

サンプルコード:

問題は、私が使用するときです

上記の関数がトリガーされると、元のドラッグ可能な要素は無効になります。

最新の jQuery および jQuery UI 安定バージョンを使用しています。

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

jquery - Internet Explorer(IE)でドラッグ可能なjqueryui-オブジェクトはこのメソッドをサポートしていません

IEで次のコードを実行しようとすると:

次のエラーメッセージが表示されます。

オブジェクトはこのプロパティまたはメソッドをサポートしていません

なぜこのエラーが発生するのですか?

0 投票する
4 に答える
12712 参照

javascript - jQuery: 円形スライダーの作成

以前に JavaScript スライダーを見たことがあるかもしれません:

http://dev.jquery.com/view/tags/ui/1.5b2/demos/ui.slider.html

私が思い描いているのは、円形のスライダーです。これは、円上の 1 点にあるドラッグ可能なボタンで構成され、そのボタンはリングに沿ってどこにでもドラッグできます。値は、ボタンの位置によって異なります (時計を考えてください)。

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

javascript - ポイントとドラッグ可能な div の間にキャレットを描画する

ユーザーが画面上でドラッグできる小さな情報ポップアップを表すドラッグ可能な div があります。しかし、この div は画面上のポイントに固定されています。div と固定されているポイントの間にキャレットを描画したいと思います。

この例は、Google マップで、検索した店舗または関心のあるポイントにカーソルを合わせると見つかります。ポイントとポップアップの間にキャレットが表示されます。これは簡単ですが、私のポップアップはドラッグできません。

では、これを実装する最良の方法は何ですか? アンカーポイントに対するポップアップの向きに応じてサイズが変更される一連のキャレット画像を使用することを考えています。ポップアップがアンカーに対して配置される角度に応じて、異なるタイプのキャレットを使用する必要があるという点で注意が必要です。これを行うより良い方法はありますか?

ありがとう!

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

javascript - 複数のハンドルを持つJquery Draggable

draggable複数のハンドルを持つ要素を持つことは可能ですか?

毎回異なるハンドル パラメータを使用して 2 回初期化していますが、機能しません。最初のものだけが機能します。

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

javascript - jQuery UI Sortable connectWith カレンダーでの読み込み時間のパフォーマンス

jQuery UI ソート可能 + ドラッグ可能 1.6rc5

私がやっていること: さまざまな日付範囲を持つカレンダーを作成しています (例: 1 週間表示、20 週間表示など)。このカレンダーには毎日イベントがあり、イベントはその日内だけでなく、表示されているカレンダーの他のすべての日の間でも並べ替えることができます。私のカレンダーの平均的な日付範囲は約 10 週間で、これには約 50 のイベントが含まれます。

問題: カレンダーの各日について、jQuery の Sortable インタラクションの設定には一定の時間がかかります。jQuery が Sortable を適用する表示可能な日数が​​多いほど、ページの読み込みに時間がかかります。オプション 'connectWith' を投入して、すべての暦日を相互作用する並べ替え可能なリストとして結合します。ページの読み込みに約 10 倍の時間がかかります。10 週間で 50 のイベントの例では、ページの読み込みに約 50 秒かかります。

コード:

カレンダーのコードは次のようになります。

ソート可能なインタラクションの設定:

私が探しているもの: ページが読み込まれるときの読み込み/セットアップ時間が大幅に短縮されます。ソート可能なソースを引き続き調べますが、インタラクションのセットアップ時間を最適化するソート可能なオプションはあまりないようです。

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

jquery - jqueryのドラッグ/ドロップの問題:drop()関数が呼び出されない

jquery 1.3.1 (UI バージョン 1.5.3) のドロップ可能な効果に問題があります。私が知る限り、drop() 関数が呼び出されないことを除いて、すべてが完全に機能します。ドロップ可能なターゲットが (サムネイル クラスを介して) ドラッグされる要素を受け入れていることはわかりますが、ドラッグ可能なアイテムはドロップしません。事前にご協力いただきありがとうございます。