Question

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

我的代码：（。imageCss是由sharepoint呈现的图像类）。

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

我可以在对话框上显示图像。但是，当我点击下一张图像时，前一张图像就会消失。我不确定我做错了什么。任何帮助非常感谢。谢谢！

Answer 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>

Jquery对话框弹出消失

1 个答案: