將圖像附加到Jquery UI容器

我在將圖像附加到Jquery UI容器時遇到問題。問題是，當我追加一張圖片時，它會將它放在第一張圖片的下面。無論我在添加下一張圖像之前是否移動該圖像，添加下一張圖像時，都會將其添加到先前附加圖像的底部。一直持續到圖像被添加到容器視圖之外並且圖像不可用。我曾嘗試使用CSS來定義絕對和相對位置的附加圖像，但這阻止了這些圖像可拖動的能力。有沒有人有什麼建議？謝謝！將圖像附加到Jquery UI容器

$('#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] 

    });

來源

2011-08-16 user896927

看起來就像你正在尋找的，而不是爲.append() jQuery的.prepend()。 .prepend()將始終在容器的開始插入內容。

來源

2011-08-16 15:07:20 bfavaretto

感謝您的回覆。這允許我訪問我添加到容器中的所有圖像，但這會引發一個新問題。如果使用前置，所有我已經添加到容器中的圖像被強制關閉，當我「添加」一個新圖像時，我將它們設置在這些位置。 – user896927

那麼，你想在哪裏插入新聞圖片？ – bfavaretto

我希望能夠在畫布上指定位置以在添加一個新圖像時放置一個新圖像，同時不會影響用戶正在創建的當前佈局。我相信這是一個CSS問題，但是當我嘗試使用定位時，它禁用了Jquery UI使圖像可拖動的功能。 – user896927

將圖像附加到Jquery UI容器

回答

相關問題