Jquery 对话框弹出消失

【问题标题】：Jquery Dialog Pop up disappearsJquery 对话框弹出消失
【发布时间】：2015-03-31 19:30:06
【问题描述】：

我正在尝试创建一个由 sharepoint 呈现的图像元素的弹出窗口。我对 jquery 很菜鸟。非常感谢任何帮助。

我的代码：（.imageCss是sharepoint渲染的图片类）。

$(".imagecss").on("click", function()
{
var dialogBox = $(document.createElement('div'));
$(dialogBox).dialog();
$(dialogBox).html(this);
});

我能够在对话框中显示图像。但发生的情况是，当我点击下一张图片时，上一张图片消失了。我不确定我做错了什么。非常感谢任何帮助。谢谢！

【问题讨论】：

标签： jquery dialog popup

【解决方案1】：

大概是这样的吧？

<html>

<head>
  <script src="/jquery-1.7.1.min.js"></script>
  <script src="/jquery-ui.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('#showImage').click(function() {
        $('#imageDialog').dialog({
          modal: true
        });
      });
    });
  </script>
</head>

<body>

  <div id="imageDialog" style="display:none;">
    <img src="https://www.google.com/logos/doodles/2015/126th-anniversary-of-the-public-opening-of-the-eiffel-tower-4812727050567680-hp.jpg">
  </div>
  <a id="showImage">Show images</a>	

</body>

</html>

【讨论】：