Javascript 如何使表中的元素可拖动？

我有一些可拖动和可下降的元件

您可以在这里查看-

*http://jsfiddle.net/Mf6zJ/269/*

<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>

现在，当我把这个可拖动的元素放在表中时，这些元素就不能拖动了

请检查这里-

*http://jsfiddle.net/Mf6zJ/271/*

当用户从中拖动任何元素时，我想检查该元素的位置

---

所以请建议我这样做。

您的html格式不正确。您的代码，请尝试按以下方式排列：

等待更新

项目1
第2项

第3项

第4项

---

请参见此

您的html格式不正确。您的代码，请尝试按以下方式排列：

等待更新

项目1
第2项

第3项

第4项

请参见此

html

ul{
  list-style: none;
}

li{
  display: inline;
}

html

ul{
  list-style: none;
}

li{
  display: inline;
}