jqueryを使用してdivの先頭に画像を追加する方法

Question

空のdivがあり、ドラッグ可能で、画像を左上隅に追加する必要があります。またdivとともに移動できるはずです。

どうすればいいですか？

<div class="example"> 
<div> 

これはスクリプトです：

<script type="text/javascript"> 
     $(function() { 

    $('.example').draggable 

}); 
</script> 

Answer 1

.example { 
     position: relative; 
    } 
    .example .imghandle { 
     position: absolute; 
     height: 30px; 
     width: 30px; 
     top: -30px; 
     left: -30px; 
    } 

<div class="example"> 
    <div class="imghandle"></div> 
<div> 

を使用した画像のdivの背景にする、またはそこ<img>タグを入れて、DIVの

here it is with :before

Answer 2

だけ<div>に画像を置く、または、動的に$('.example').append(image_handle)それを追加します。または:before

Answer 3

トップが先頭に追加されたクラスを追加します。

$('.example').prepend('<img src="" />');