問題タブ [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.
javascript - div内のドロップ可能な要素として画像を使用する方法
ドロップ可能として機能する div 内に画像があります。要素をドラッグして画像の上にカーソルを合わせるときにドロップ機能を呼び出したいです。やったのですが、ドロップ機能がスムーズに呼び出されません。以下は私のhtmlコードです
以下、使用したcssです。
以下はJavaScriptコードです
}
jquery - jquery draggable revert と droppable.drop 関数はどのように連携しますか
ドラッグ可能な元に戻す機能がドロップ可能なドロップイベントとどのように連携するか、コードで複数の異なる動作を見てきました (おそらくバグが原因です)。
だから私は明確化が必要です。
私の期待は、元に戻す関数がドロップ イベントの前に FIRST と呼ばれることです。
revert() 関数の値に応じて:
return true // ドロップが元に戻されるため、ドロップ イベントは発生しません...
return false // ドロップ イベントを発生させます
私のコードはそのように動作していないので、誰かプロが私の仮定が正しいかどうか教えてください。
ここに投稿するにはコードが多すぎるため、投稿できません。
jquery - jQuery Droppable - ドラッグした要素に CSS クラスを追加する
誰かが以下のクエリで私を助けてくれませんか?
jQuery Droppable shopping Cart Demo UI を使用しています。
カタログ セクションから要素をドラッグしたら、関連する<li>
タグに css クラスを追加します。
例:カタログdivから「 Lolcat Shirt 」をドロップした後、ドラッグすると「droppedInCart」css クラスを追加する必要があります。つまり、私の html は次のようになります。<li>
HTML
jQuery
jquery - 5 つの要素が追加された後にカルーセルを作成する
jQuery UI Droppable Cart Demo プラグインを使用しています。ドロップ領域が 5 要素に達したら、カルーセルまたは矢印を作成したいと考えています。矢印をクリックすると、残りが表示されます。
HTML
jQuery
スクリーンショット...
5エレメントまで
5 つの要素をドラッグした後
jquery - jQuery Droppable - 元の CSS クラスを削除しないでくださいドロップ後のタグ
jQuery UI Droppable プラグインを使用しています...
どういうわけか、ドラッグ可能<li>
な要素のクラスがドロップ後に削除されます。:(
<li>
要素をドロップした後、タグの同じ CSS クラスを維持するにはどうすればよいですか
カートエリアにドロップした後、現在自動的に削除されている場所と同じクラスを要素<li class="one">Item 1</li>
に保持したいと思います。<li>
<li class="one">Item 1</li>
以下のコードを確認してください...
HTML
jQuery
jquery - jQuery - ドラッグ可能およびドロップ可能な onClick + アイコンをドラッグ可能な追加からドロップ可能なコンテナに追加する
私はjQuery UI Droppableを使用しています...
「ドラッグ可能」リストから「 +」アイコンをクリックして、ドラッグアンドドロップと同じように「ドロップ可能」リストに要素を追加するにはどうすればよいですか...
HTML
jQuery
フィドル
jquery - jQuery ドラッグ アンド ドロップ可能 - ドロップ可能領域に li 要素がある場合、プレースホルダーを非表示
jQuery Droppable Plugin を使用しています。
<ul>
Droppedに 1 つ以上の要素がある場合、プレースホルダーを非表示にしたい。ドラッグ アンド ドロップ機能では問題なく動作しています。その上で、クリックメソッドも実装しました。また<li>
、ドラッグされたコンテナーから星のアイコンをクリックして、要素を複製します。しかし、この方法では、プレースホルダーを非表示にすることはできません。
以下のコードを確認してください:::
HTML
jQuery
jquery - jQuery UI ドラッグ アンド ドロップ可能
div クラス ギャラリーがあり、ドロップ可能な div が 2 つあり、あるドロップ可能な div から別のドロップ可能な div に要素をドラッグする際に問題があります。ドロップ要素を他のドロップ可能な div にドラッグすると、常にそのドロップ可能な div に戻ります。誰か助けてくれませんか?誰?
ここに私のサンプルコードと jsFiddle があります: http://jsfiddle.net/2n0bevxo/159/
コード:
CSS:
js:
html:
jquery - 変換されたdivにjQueryのdroppable関数を使用するには?
css「transform:rotate(20deg)」を使用して20度変換されたdivがあります。テーブルから行をドラッグして、その変換された div にドロップしようとしています。ただし、ドロップ領域は、変換された div ではなく、div の通常の位置に表示されます。要素を削除する際に問題に直面しています。私を助けてください。以下はコード スニペットです。