jquery对话框的示例代码

Question

我需要在模态框内创建一个带有图像的jquery模态对话框。 只有在用户单击图像时才应关闭该对话框。

我从不使用jquery;有人能为我提供示例代码吗？

Answer 1

看看Jquery UI是jquery世界中最常见的对话框;）

http://jqueryui.com/demos/dialog/

试试这个：

HTML：

  <a href="#" id="target">derp</a>
    <div id="dialog"><img src="http://sstatic.net/stackoverflow/img/sprites.png?v=3"/></div>

jquery的

  $(document).ready(function() {
    $('#target').click(function() {

                 $('#dialog').dialog('open');

    return false;
    });

    $('img').click(function() {

         $('#dialog').dialog('close');

    });
    });

Answer 2

结帐代码示例@ http://docs.jquery.com/UI/Dialog