0

テキストボックス、div、および画像があります。

次のようにする方法はありますか。

  1. その画像をdivにドラッグすると。(画像を左クリックして任意の場所にドラッグするのと同じように、画像を移動する必要はありませんが、移動することはありません。)
  2. divは画像を表示します。(1 つの画像を div に複製)
  3. その画像のテキスト表示 URL。

このことについてのアイデアや記事はありますか?

人生でドラッグドロップをコーディングしたことはありませんが、ステップ 2は div の HTML を設定するだけで、ステップ 3は画像 src を取得するだけであることは知っています。ただし、ステップ 1では、「画像が div に入ってマウスが離されたとき」をどのように知ることができますか?

私はjQuery UIを知っていますが、それはjQuery UIからドラッグ可能ではありません。ドラッグ可能によりオブジェクトが移動します。動かしたくない。このstackoverflow Webサイトの画像またはリンクをクリックしてみてください。次に、マウスを押したままドラッグします。上部の検索ボックスにリンクをドラッグしてみてください。リンクが表示されます。それが私が欲しいものです。オブジェクトを動かすためのjQuery UIのドラッグ可能ではありません。

4

2 に答える 2

0

これらはすべて、jQueryのドラッグ可能な機能を使用して実行できます。コメントで、実際に画像が移動するため、これが機能するとは思わないとおっしゃっていましたが、デフォルトのオプション以外にもあります。クローンヘルパー属性を見てください。

これは例に近いもので、残りの処理方法（src属性の取得など）をすでに知っているようです。

http://jqueryui.com/demos/droppable/#method-option

于 2012-04-25T15:14:55.757 に答える
0

JQuerydraggableを使用すると、を使用してドラッグしている間、元の場所をそのままにしておくことができますHelpers。このURLを参照して、上部の灰色のボックスをドラッグしてみてください。右側の2つはヘルパーを使用し、オリジナルはそのままにします。

http://www.jqueryui.com/demos/draggable/#visual-feedback

提供されたリンク と組み合わせてこれを使用Artsemisすると、トリックが実行されます

画像をアドレスバーにドラッグすることは、JSや表示しているページではなく、Webブラウザの機能です。ドラッグ可能なjqueryなどを使用することをお勧めします。

于 2012-04-25T15:18:23.957 に答える