ボタンから既にプログラムされたonClickイベントを呼び出すだけで、ショッピングカートにドラッグアンドドロップできます。

Question

私は単にウェブショップにドラッグアンドドロップ機能を追加しようとしています。

jQueryのonClickイベントが

$(".cartButton").click(function() { ... 

を開始したら、私はすでにショッピングカートのためのすべてのロジックはすでにAJAX呼び出しのカップルを使用して、プログラムされている（「カートに入れる」）、各製品にボタンをプログラムし、等々。

私の質問：商品の<img>（イメージ）をショッピングカートの<div>にドラッグしたいと思いますが、レイアウトに何も起こらず、特別なものは何もプログラムしないでください。

<img>は、元の場所にとどまり、ボタンを押した場合と同じものだけがトリガーされます。

ドロップイベントとボタンクリックイベントを簡単にリンクする方法はありますか？多分htmlとjavascriptだけを使用してですか？

Answer 1

以下の解決策を実行してください。

アプリケーションがJS重い場合は、javascriptライブラリを使用することをお勧めします。私はjqueryが好きですが、これを行うためのライブラリはもっと​​たくさんあります。

あなたが探している機能はhttp://jqueryui.com/demos/droppable/

一部の人々はそれが不快な私はフレームワークを推奨していますが、それは仕事があなたのために迅速に行われますことを見つけるかもしれないウィジェットとしてjQueryUIプロジェクトで使用可能です。

は、セットアップhttp://jsbin.com/ejolo6