問題タブ [jquery-droppable]

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 に答える
499 参照

jquery - ドラッグ アンド ドロップ後、ドロップ ボックスをクリックしても 1 回目は起動 (または動作) しませんが、2 回目は正常に動作します。なんで?

私はJQuery v2.0.0を使用しています

ボックスを大きなヘッダー ボックス (JQuery Sortable) にドラッグ アンド ドロップすると、問題なく動作します。しかし、JQuery Sortable ボックスにドロップされたボックスをクリックすると、1 回目の試行では起動 (または動作) しませんが、2 回目の試行では動作します。

なぜそれが起こるのか、誰かが光を当てることができますか? この場合、青いバーの背景色の問題が違いを生んでいると思いますが、間違っている可能性があります。

ありがとう。

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

jquery - 親divが異なる場合にドロップ可能なショッピングカートを偽装する方法と、親要素ごとに要素をドロップする方法は?

フィドルでドラッグアンドドロップ要素を開発しましたが、親要素で偽装する方法がわからない問題が1つあります

一般的な jQuery 関数と 2 つの div タグがあります。両方の div タグの名前は異なりますが、両方に同じ ID とクラスの要素が含まれているため、この共通の Jquery 関数を両方に使用したいですか? 共通機能を実装しましたが、両方で機能しません。

これが私のフィドルjsfiddle.net/Er2Ef/9/です。私のフィドルでは、2つのdiv newdivとnewdiv2があり、同じクラスとIDを持つ同一の要素を実行していることがわかりますが、同じショッピングカートが必要なので、私の問題はポスト 3 を選択してから、ポスト 1 要素も点滅し、ポスト 2 とポスト 4 についても同じことを行うため、親要素のみを特定の場所に置いて点滅させるようにコーディングするにはどうすればよいですか?? 誰かが私を助けてください ここに私の問題の画像問題の画像があります

0 投票する
0 に答える
49 参照

jquery - JQuery Dragable on ボタン、ヘルパー オプションが機能しない

ボタンをある div から別の div にドラッグしたい。ヘルパー オプション「クローン」を使用していますが、元のボタンがドラッグされています。ドラッグが停止したときにクローンオブジェクトを削除し、同じ位置に別の要素を作成したいというタスクを実行したい...

ここにドラッグ可能およびドロップ可能の私のコードがあります..私が間違っていることを教えてください!!

0 投票する
0 に答える
1209 参照

jquery - AngularJS - jQuery ドロップ可能

AngularJS アプリでドロップ可能な単純な jQuery を実装する際に問題が発生しています。

何らかの理由で、コードは私が Fiddle に設定したスタンドアロン ページで動作しています: http://jsfiddle.net/65FMq/3/

ただし、何らかの理由で myApp に同じコードを追加すると機能しません。基本的に、アプリ (index.html) を起動するとすぐに、app.js、他のコントローラー、css などをすべて含むホームページが表示されます。

次に、メニュー項目の写真をクリックすると、「写真」の状態 (別の html ファイル) が表示されます。そこから、ユーザーは購入したい写真の 1 つを選択できます。購入ボタンをクリックすると、ng-click"buyPhoto(photos)" を使用して、利用可能な写真を示す div を非表示にし、その写真の詳細を含む div。

そこには、写真に関する情報とは別に、ユーザーが写真を注文できるすべての可能なサイズのグリッドも表示しています。ユーザーは、注文バー (ドロップ可能な領域) に希望のサイズをドラッグ アンド ドロップする必要があります。 )。ただし、必要な jquery css/js ファイルが読み込まれ、写真のサムネイル (上記のフィドルのセル) がドラッグ可能に設定されていても、何らかの理由でドラッグ/ドロップ効果が得られません。

ここに私の app.js があります:

これが私のphotosCtrlです:

Photos 部分的な html ファイルの HTML (スニペット) (必要なセルと行を生成し、行にドラッグ可能なクラスが与えられていることを示すために角度の繰り返しが発生している場所が含まれています):

0 投票する
3 に答える
195 参照

javascript - JQuery のドロップ可能なイベント トリガーが早すぎる

他の要素をドロップするために JQuery ドロップ可能コンテナーを使用しています。ユーザーのマウスがコンテナー上にあるときに追加される hoverClass。このクラスでは、コンテナーの新しい幅を設定します。ただし、この新しい幅は、マウスがコンテナーを離れたときに考慮されません。コンテナーの幅が古いため、Out イベントがトリガーされます。さらに奇妙なのは、ドラッグ要素を非常にゆっくり動かすと、コンテナの新しい幅が考慮されることです。

ここでフィドルの例を作成しました: http://jsfiddle.net/SLGdE/709/

Chrome と FF でテスト済み。

ドロップ可能なコンテナの新しい幅が考慮されるようにするにはどうすればよいですか?