在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/