-1

HTML ノードを他のノードにドラッグ アンド ドロップできる必要があります。たとえば、次の HTML 構造から始めるとします。

<div class="first">
  <h1>Title</h1>
  <p>Some content</p>
</div>
<div class="second">
  <h2>Subtitle</h2>
</div>

<h1>または<p>タグを選択して、 内のいずれかをドラッグできるようにする必要がありますdiv.second。したがって、結果は次のようになります。

<div class="first">
  <h1>Title</h1>
</div>
<div class="second">
  <h2>Subtitle</h2>
  <p>Some content</p>
</div>

(オプションの)プラスとして、ドロップ領域にプレースホルダーが必要です。タグを宛先にドロップする前に、<p>タグのコピーを配置して、どのように見えるかを確認してください。

JavaScriptでどのように行うことができますか?

4

1 に答える 1

0

HTML5 のドラッグ アンド ドロップ API (少しバグがありますが、読んでおくことをお勧めします) について学ぶことに熱心でない場合は、jQuery UI のドラッグ/ドロップを使用してください: http://jqueryui.com/demos/droppable/

于 2012-07-16T02:28:45.450 に答える