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 ...或者它可能是因爲它需要被改變成一個圖像src才能被查看。謝謝你的幫助！

Answer 1

只需撥打一個img的.dialog()方法：

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