Question

我有一张带有几个textareas的表格。作为编辑辅助工具，列表div通过ajax填充，其中包含基于当前输入和活动文本区域的建议。

但问题是我需要将此div移动到活动文本区域之下。

我有当前的textarea id，但找不到以这种方式移动元素的方法。

<div id="list"></div>

            <dt><label for="mazas">Mazas:</label>

            <dd><textarea name="mazas" id="mazas" rows="1" cols="150"></textarea></dd>

            <dt><label for="rayos">Rayos:</label>

            <dd><textarea name="rayos" id="rayos" rows="1" cols="150"></textarea></dd>

            <dt><label for="llantas">Llantas:</label>

            <dd><textarea name="llantas" id="llantas" rows="1" cols="150"></textarea></dd>

            <dt><label for="cubiertas">Cubiertas:</label>

            <dd><textarea name="cubiertas" id="cubiertas" rows="1" cols="150"></textarea></dd>

Answer 1

在身份mazas的textarea之后移动它，例如：

$("#list").detach().insertAfter($("#mazas"));

Answer 2

将div设置为：

位置：绝对
z-index：10（说）
顶部：0
左：0

...然后使用（例如）位置：

$('#list').css('left', $('#mazas').offSet().left + 'px')
$('#list').css('top', $('#mazas').offSet().top + $('#mazas').height() + 5 + 'px')

...然后它会变得很好，并且在每个其他的前面，所以它不会打破页面的其余部分。使用fadeIn()使它真的很时髦。（您可能需要在字符串上使用parseInt，BTW ）

我使用 all 的时间......

将div移动到当前textarea（jquery）下面

2 个答案: