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

时间:2013-03-01 17:58:57

标签: jquery css jquery-ui

我发现没有话题要谈这个,如果没有正确研究,我道歉。有没有办法将图片放在jquery对话框旁边,如下图所示?如果是的话怎么样?

Dialog

1 个答案:

答案 0 :(得分: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'
            });
        }
    });
})