我怎样才能让元素在表中被拖动？

Question

我有一些elemets这是dragable和dropable

您可以点击这里 - 现在*http://jsfiddle.net/Mf6zJ/269/*

当我放在这个表元素dragable那么这些元素不能dragable。

请点击这里 - *http://jsfiddle.net/Mf6zJ/271/*

当用户拖动任何元素从此我要检查这个元素

的现在的位置，所以请建议我这样做。

Answer 1

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

demo

Answer 2

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

看到这个DEMO