Question

我正在使用jQuery tableDnD插件从显示用户重新排列的图像列表的表格中制作拖放列表。该插件使用格式化表格的标签上的ID来重新排列单元格。

当我拖放特定地点击表格单元格内没有图像/内容的位置时，它可以正常工作。但是，当我单击图像（或包含文本的div内）并使用表格单元格并尝试拖放时，文本/图像将被选中并且不会触发重新排列的脚本。用css或javascript阻止select函数都没有用 - 任何想法？

示例tableDnD代码：http://tablednd.googlecode.com/svn-history/r12/trunk/index.html

来自相关表格的示例行：

     <table id='imagetable'><tr id='1'><td><img src='images/6/PICT0001.JPG' width='100' class='uploadedThumb'><div class='imgInfo' onselectstart='return false;' ondragstart='return false;'>images/6/PICT0001.JPG<br><a href='admin.php?do=deleteImg&id=6&img=images%2F6%2FPICT0001.JPG' style='font-size: 9px;'>[Delete Image]</a></div><input type='text' name='6' value='' size=2 DISABLED></td>

</tr><tr id='2'><td><img src='images/6/PICT0006.JPG' width='100' class='uploadedThumb'><div class='imgInfo' onselectstart='return false;' ondragstart='return false;'>images/6/PICT0006.JPG<br><a href='admin.php?do=deleteImg&id=6&img=images%2F6%2FPICT0006.JPG' style='font-size: 9px;'>[Delete Image]</a></div><input type='text' name='6' value='' size=2 DISABLED></td>
</tr>

Answer 1

不要使用jQuery使用dom-drag它更好，更实用。

添加此代码：

<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex11/domdrag/dom-drag.js"></script>
<script type="text/javascript">
Drag.init(document.getElementById("exampleid")); //sets the id to look for to make object draggable
</script>

对不起我误解了这个问题:(

jQuery使用图像和文本拖放DIV选择

1 个答案: