Как добавить изображение в начало div с помощью jquery

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> и добавьте класс

здесь с: до

Answer 2

Верх div является предварительным.

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

Answer 3

Просто поместите изображение в <div> или, чтобы добавить его динамически, $('.example').append(image_handle). Или используйте :before