如何在html页面中单击时在对话框中显示相同的图像？

Question

当我使用按钮标签时，代码显示对话框但在使用图像标签时，对话框没有出现。 有人可以帮忙吗？

 <img src='image.png' height='200px' widht='200px' id='1'>

<div id="dialog" title="An Image!" >
  <img id="image" src="hello.jpg"/>
</div>

jquery的：

        $(document).ready(function() {
   $( "#dialog" ).dialog({ autoOpen: false });
$( "img" ).click(function() {
  $( "#dialog" ).dialog( "open" );
});
});

Answer 1

<img src='image.png' height='200px' widht='200px' id='1'>

<div id="dialog" title="An Image!" >
  <img id="image" src="image.png"/>
</div>


$(document).ready(function() {
  $( "#dialog" ).dialog({ autoOpen: false });
  $( "img" ).click(function() {
  $( "#dialog" ).dialog( "open" );
  });
});