2011-08-16 9 views
0

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] 

    }); 

答えて

0

かわり.append()の、jQueryの.prepend()を探していているように見えます。 .prepend()は常にコンテナの先頭にコンテンツを挿入します。

+0

お返事ありがとうございます。これにより、コンテナに追加するすべての画像にアクセスできますが、それは新しい問題を引き起こします。前置詞を使用している場合は、既にコンテナに追加したすべての画像が、新しい画像を前に付けるときに設定した位置から強制的に下げられます。 – user896927

+0

それで、正確にどこにニュース画像を挿入したいですか? – bfavaretto

+0

キャンバス上の場所を指定して、新しい画像を配置するときに、キャンバスの場所を指定して、ユーザーが作成している現在のレイアウトに影響を与えずに、その場所を指定したいと考えています。私はこれがCSSの問題だと信じていますが、ポジショニングを使用しようとすると、Jquery UIの画像をドラッグ可能にする機能が無効になります。 – user896927

関連する問題