javascript - jquery 将内容移动到其他 div

Question

我有 2 列，一列包含文本，另一列包含脚注和图像。当我用 ajax 加载文本时，所有内容都将在 column1 中。我想将图像移动到 column2。

我使用的自动取款机:

$(".b_footnote").appendTo("#column2");

这行得通，但我也想保留原来的 y 位置。这可能吗？

我的另一个尝试就是将它移开:

$('.b_footnote').each(function() {
   var xPos = $("#column1").offset().left;
   xPos += 540;
    $(this).offset({'left':xPos});
});

问题是我在 column1 的左边有一个 div，它的宽度可以改变，一旦改变，脚注就在不正确的位置。

这是一个 jsFiddle

http://jsfiddle.net/Hnxdr/

我明白了:

---

$('.b_footnote').each(function() {
     var y = $(this).offset().top;
    $(this).appendTo("#column2");
    $(this).offset({'top':y});
});

只有结果非常难看，正如您在图片中看到的(“'de' 一词在右边)。有人知道如何从跨度中获取上下文并将其传递到适合或

中吗？(这样应该更好看)

Answer 1

我在你提供的 jsfiddle 上试过了，效果很好

$('.b_footnote').each(function() {
   var xPos = $(this).offset();   

    $(this).appendTo("#column2");

    var col2pos = $("#column2").offset().left;

    $(this).offset({top:xPos.top, left: col2pos});
});

像这样更改 changeColumnWidth 函数

function changeColumnWidth() {
    var w = Math.random() * 200+180;
    $('#menu').css("width", w+"px");
    var col2pos = $("#column2").offset().left;
    $('.b_footnote').each(function() {

        $(this).offset({ left: col2pos});
   });    

}​