jquery - jQuery Dialog，将 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'
    });