Показать изображение в jquery ui dialog 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 загружена.

работает здесь, если это то, что you'r после:

[]: jsfiddle.net/fhb1ytdb/