jquery uiダイアログの画像をonclick

Question

クリックした後にjqueryダイアログに画像を表示しようとしています。私が質問がそこに写真を拡大について既に存在している知っているが、このような何かがうまくいかない理由を私は理解できません。

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

Answer 1

あなたは、ダイアログにない身体にHTMLを追加しています。これは動作します：

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

私はほとんどの場合、$("#dialog").html()は、私はあなたがUIライブラリがロードされていることを確認してください推測$("#dialog").append()

Answer 2

より良いだろうと思いますが。

ここで動作することが後に何you'rだ場合：[]

：jsfiddle.net/fhb1ytdb/