0

ドラッグアンドドロップ可能な要素がいくつかあります

ここで確認できます-*http://jsfiddle.net/Mf6zJ/269/*

このドラッグ可能な要素をテーブルに配置すると、これらの要素はドラッグできなくなります。

ここをチェックしてください -*http://jsfiddle.net/Mf6zJ/271/*

ユーザーがこれから要素をドラッグすると、この要素の位置を確認したい

そうするように私に提案してください。

4

2 に答える 2

3

html 

   <pre>
    <div id="info">Waiting for update</div>
    </pre>

    <ul id="test-list">
        <li id="listItem_1"><img src="arrow.png" alt="move" width="16" height="16" class="handle" /><strong>Item 1 </strong></li>
      <li id="listItem_2"><img src="arrow.png" alt="move" width="16" height="16" class="handle" /><strong>Item 2</strong></li>
      <li id="listItem_3"><img src="arrow.png" alt="move" width="16" height="16" class="handle" /><strong>Item 3</strong></li>
        <li id="listItem_4"><img src="arrow.png" alt="move" width="16" height="16" class="handle" /><strong>Item 4</strong></li>
    </ul>

CSS:

ul{
  list-style: none;
}

li{
  display: inline;
}

デモ

于 2013-09-26T13:00:08.117 に答える
0

あなたの HTML は正しくフォーマットされていません。コードを次のように配置してみてください。

<pre>
<div id="info">Waiting for update</div>
</pre>
<table>
    <tr><td>
<ul id="test-list">
    <li id="listItem_1"><img src="arrow.png" alt="move" width="16" height="16" class="handle" /><strong>Item 1 </strong></li>
  <li id="listItem_2"><img src="arrow.png" alt="move" width="16" height="16" class="handle" /><strong>Item 2</strong></li>
  <li id="listItem_3"><img src="arrow.png" alt="move" width="16" height="16" class="handle" /><strong>Item 3</strong></li>
    <li id="listItem_4"><img src="arrow.png" alt="move" width="16" height="16" class="handle" /><strong>Item 4</strong></li>
</ul>
    </td></tr>
</table>

このデモを見る

于 2013-09-26T12:55:28.680 に答える