jQueryダイアログで画像を開こうとしています。href リンクをクリックすると、この href をダイアログにロードしたいと思います。
マークアップ:
<a href="www.blahblahblah.com/blah.jpg" class="slideshow_zoom">Link</a>
Jクエリコード:
$('.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に変更する必要があるかもしれません。助けてくれてありがとう!