将图像附加到Jquery UI容器

Question

我在将图像附加到Jquery UI容器时遇到问题。问题是，当我附加图像时，它会将其放置在放置第一张图像的位置。无论我是否在添加下一个图像之前移动该图像，当我添加下一个图像时，它会将其附加到先前附加图像的底部。这一直持续到图像被附加到容器视图之外并且图像不可用。我已经尝试使用CSS来定义附加图像的绝对和相对位置，但这会妨碍这些图像的可拖动能力。有没有人有什么建议？谢谢！

$('#2top').live('click',function(){
   var randomNumber = Math.floor(Math.random() * 1000);
   var newBox = "<div id='" + randomNumber + "' class='draggable ui-widget-content'><img src='pictures/2-chair-tableRounded.png' height='35' width='35'></div>"; 

   $('#containment-wrapper').append(newBox);

    var id = '#' + randomNumber;

   $(id).draggable({
        containment: "#containment-wrapper", scroll: false,
        grid: [5,5]

    });

Answer 1

看起来你正在寻找jQuery的.prepend()，而不是.append()。 .prepend()将始终在容器的开头插入内容。