jQuery对话框，将href作为图像源加载到对话框中

Question

我正在尝试将图像打开到jQuery对话框中。当我点击href链接时，我想将此href加载到对话框中。

标记：

        <a href="www.blahblahblah.com/blah.jpg" class="slideshow_zoom">Link</a>

Jquery代码：

$('.slideshow_zoom').each(function() {
    var $link = $(this);

    var $dialog = $('<div></div>')
         .load($link.attr('href'))
         .dialog({
               autoOpen: false,
               resizable: false,
               modal: true,
               width: 1000,
               closeOnEscape: true,
               dialogClass:'zoom'
            });

        $link.click(function() {
            $dialog.dialog('open');

            return false;
    });
});

此标记和jquery代码仅生成一个没有任何内容的对话框。我猜测它实际上并没有加载href ...或者可能是因为需要将href更改为图像src以便查看它。谢谢你的帮助！

Answer 1

只需在.dialog()上调用img方法：

var $dialog = $('<img src="' + $link.attr('href') + '" />')
    .dialog({
        autoOpen: false,
        resizeable: false,
        modal: true,
        width: 1000,
        closeOnEscape: true,
        dialogClass: 'zoom'
    });