Отображение изображения в диалоговом окне jQuery ui onclick

Я пытаюсь отобразить изображение в диалоговом окне jquery после нажатия на него. Я знаю, что уже есть вопросы о расширении изображений, но я не могу понять, почему что-то вроде этого не работает:

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

2 ответа

  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()

  2. Я думаю, убедитесь, что у вас загружена библиотека пользовательского интерфейса.

    Работает здесь, если это то, что вы после:

    []: jsfiddle.net/fhb1ytdb/