在jquery ui对话框中显示图像onclick

Question

我试图在点击后在jquery对话框中显示图像。我知道有关于扩展图片的问题，但我不明白为什么这样的事情不起作用：

    $('img').click(function () {
        $('body').append('<div id="dialog" title="image"><img src="' + $(this).attr('src') + '" width="300" /></div>');
        $('#dialog').dialog();
    });

Answer 1

您正在将html添加到正文而不是对话框。这将有效：

 $('img').click(function () {
        $('#dialog').append('<div id="dialog" title="image"><img src="' + $(this).attr('src') + '" width="300" /></div>');
        $('#dialog').dialog();
    });

但我想大多数情况下$("#dialog").html()会优于$("#dialog").append()

Answer 2

我想确保你已经加载了UI库。

如果那是你的话，请在这里工作：

[]：jsfiddle.net/fhb1ytdb /