jquery - 如何在jquery对话框旁边放一张图片？

Question

我没有找到可以谈论这个的话题，如果没有正确研究，我深表歉意。有没有办法将图片放在 jquery 对话框旁边，如下图所示？如果是怎么办？

Answer 1

工作示例：http: //jsfiddle.net/BwQzs/5/

html:

<div id="dialog" title="Basic dialog">
  <p>A dialog...</p>
</div>
<img style="position: absolute; top:0; left:0; width: 70px;" id="dialogimage" src="https://twimg0-a.akamaihd.net/profile_images/3167619400/f6e8d4a5be06c62a6ea863c3d6dce875.png" />

js：

    $(function(){
    $( "#dialog" ).dialog({

        open: function( event, ui ) {
          $('#dialogimage').css({
              left:$(this).offset().left-75,
              top:$(this).offset().top-46
            });
        },
        drag: function( event, ui ) {
            $('#dialogimage').css({
                left:ui.position.left-70,
                top:ui.position.top,display:'block'
            });
        }
    });
})