Question

使用qtip2-plugin我创建了一个工具提示：

如果单击工具提示中的图像，则会显示模态框。

在此模态框中，应显示图像，但不是。

我认为这是错误的代码：

<img src='{{{img}}}' alt='image error' class='profilep' />  // the src-tag

但我不知道该把什么放在那里，任何人都可以帮助我吗？

Answer 1

问题是您在脚本标记之外声明了模板的第一部分。 Mustache没有替换任何内容，并且您的图片的src属性为{{{img}}}

这：

<div id="openModal" class="modalDialog">
    <div>
        <a href="#close" title="Close" class="close">X</a>
        <img src='{{{img}}}' alt='image error' class='profilep' />
    </div>
</div>

<script id="tooltipContent" type="text/html">
    <a href='#openModal'><img src='{{{img}}}' alt='error' class='picture' /></a>
    <p class='text'><a href="#">{{text}}</a></p>
</script>

应该是：

<script id="tooltipContent" type="text/html">
  <a href='#openModal'><img src='{{{img}}}' alt='error' class='picture' /></a>
  <p class='text'><a href="#">{{text}}</a></p>
  <div id="openModal" class="modalDialog">
    <div>
      <a href="#close" title="Close" class="close">X</a>
      <img src='{{{img}}}' alt='image error' class='profilep' />
    </div>
  </div>
</script>

这是fiddle。

在工具提示中实现模态框

1 个答案: