0

我在一个页面中有几个类似的表格,并且使用 scriptaculous,我想将一行从一个表格拖放到另一个表格。我已经可以用代码做到这一点:

new Draggable('some-id').

其中 'some-id' 是表行 ID。

但是,没有可见的拖动,这对用户交互不利......

将相同的代码应用于简单的 div 效果很好,这让我相信这是拖动表格行的问题。

编辑:

例如:

<table>
<tr id="drag_tr"><td>Drag</td></tr>
</table>

<div id="drag_div">some content</div>

<script type="text/javascript">
new Draggable("drag_tr")
new Draggable("drag_div")
</script>

在这段代码中,div 将有一个视觉拖动(即 div 将跟随光标),而表格行不会,即使我知道它正在被拖动。

4

1 回答 1

0

所以这是<div>s vs<tr>的问题

a<div>可以有一个绝对位置,允许 div 移动鼠标所在的任何位置,但 atr位于表格中,因此不能在页面上移动

这是一个 jsfiddle 来说明(tr 是绿色,div 是红色)

http://jsfiddle.net/PUHPH/

无论您为 tr 输入什么坐标,它都不会从页面的左上角移动 - 但 div 会移动到您放置的任何位置

于 2012-11-15T02:47:51.047 回答