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

javascript - div内のドロップ可能な要素として画像を使用する方法

ドロップ可能として機能する div 内に画像があります。要素をドラッグして画像の上にカーソルを合わせるときにドロップ機能を呼び出したいです。やったのですが、ドロップ機能がスムーズに呼び出されません。以下は私のhtmlコードです

以下、使用したcssです。

以下はJavaScriptコードです

}

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

jquery - jquery draggable revert と droppable.drop 関数はどのように連携しますか

ドラッグ可能な元に戻す機能がドロップ可能なドロップイベントとどのように連携するか、コードで複数の異なる動作を見てきました (おそらくバグが原因です)。

だから私は明確化が必要です。

私の期待は、元に戻す関数がドロップ イベントの前に FIRST と呼ばれることです。

revert() 関数の値に応じて:

return true // ドロップが元に戻されるため、ドロップ イベントは発生しません...

return false // ドロップ イベントを発生させます

私のコードはそのように動作していないので、誰かプロが私の仮定が正しいかどうか教えてください。

ここに投稿するにはコードが多すぎるため、投稿できません。

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

jquery - jQuery Droppable - ドラッグした要素に CSS クラスを追加する

誰かが以下のクエリで私を助けてくれませんか?

jQuery Droppable shopping Cart Demo UI を使用しています。

カタログ セクションから要素をドラッグしたら、関連する<li>タグに css クラスを追加します。

例:カタログdivから「 Lolcat Shirt 」をドロップした後、ドラッグすると「droppedInCart」css クラスを追加する必要があります。つまり、私の html は次のようになります。<li>

HTML


jQuery

フィドル

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

jquery - 5 つの要素が追加された後にカルーセルを作成する

jQuery UI Droppable Cart Demo プラグインを使用しています。ドロップ領域が 5 要素に達したら、カルーセルまたは矢印を作成したいと考えています。矢印をクリックすると、残りが表示されます。


フィドル


HTML

jQuery

スクリーンショット...


5エレメントまで

ドロップ可能な領域に 5 つの要素


5 つの要素をドラッグした後

5 つの要素の後にカルーセルを作成する

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

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


    フィドル


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

    jquery - jQuery - ドラッグ可能およびドロップ可能な onClick + アイコンをドラッグ可能な追加からドロップ可能なコンテナに追加する

    私はjQuery UI Droppableを使用しています...

    「ドラッグ可能」リストから「 +」アイコンをクリックして、ドラッグアンドドロップと同じように「ドロップ可能」リストに要素を追加するにはどうすればよいですか...

    HTML

    jQuery


    フィドル


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

    jquery - jQuery ドラッグ アンド ドロップ可能 - ドロップ可能領域に li 要素がある場合、プレースホルダーを非表示

    jQuery Droppable Plugin を使用しています。

    <ul>Droppedに 1 つ以上の要素がある場合、プレースホルダーを非表示にしたい。ドラッグ アンド ドロップ機能では問題なく動作しています。その上で、クリックメソッドも実装しました。また<li>、ドラッグされたコンテナーから星のアイコンをクリックして、要素を複製します。しかし、この方法では、プレースホルダーを非表示にすることはできません。


    フィドル

    ここに画像の説明を入力

    以下のコードを確認してください:::

    HTML

    jQuery

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

    jquery - jQuery UI ドラッグ アンド ドロップ可能

    div クラス ギャラリーがあり、ドロップ可能な div が 2 つあり、あるドロップ可能な div から別のドロップ可能な div に要素をドラッグする際に問題があります。ドロップ要素を他のドロップ可能な div にドラッグすると、常にそのドロップ可能な div に戻ります。誰か助けてくれませんか?誰?

    ここに私のサンプルコードと jsFiddle があります: http://jsfiddle.net/2n0bevxo/159/

    コード:

    CSS:

    js:

    html:

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

    jquery - 変換されたdivにjQueryのdroppable関数を使用するには?

    css「transform:rotate(20deg)」を使用して20度変換されたdivがあります。テーブルから行をドラッグして、その変換された div にドロップしようとしています。ただし、ドロップ領域は、変換された div ではなく、div の通常の位置に表示されます。要素を削除する際に問題に直面しています。私を助けてください。以下はコード スニペットです。