无法使用“宏指令”弹出窗口显示图像

Question

我有以下代码，图像弹出窗口不显示任何内容。我究竟做错了什么？$('span.confluence-embedded-file-wrapper').magnificPopup({type: 'image'});

和HTML代码：

<span class="confluence-embedded-file-wrapper conf-macro output-inline" data-hasbody="false" data-macro-name="sp-image">
<img class="confluence-embedded-image" src="/space2021/files/582418577/582418579/1/1563720219000/image1.png">
</span>

Answer 1

结果是要做三件事。

1. 缺少href。为此，我添加了以下内容：

<script>
  count = document.getElementsByTagName('img').length;
  href ='';
  n = 0;
  while (n < (count + 1)) {
    imgsrc = document.getElementsByTagName('img')[n].getAttribute('src');
    document.getElementsByTagName('img')[n].setAttribute('href', imgsrc); 
    n = n + 1;
    imgsrc ='';
  }
  </script>

2. 而不是在进行宏调用之前或之后，我必须在body标签之后的页面末尾添加它。现在可以使用。

3. 委派：

将呼叫更改为

$('span.confluence-embedded-file-wrapper').magnificPopup({delegate: 'img' , type: 'image'});

是否有一种无需插入href属性就能使其正常工作的方法？ src属性已经存在，这就是我要推动的href。