lightgallery typeError图像未加载？

Question

我有一个bootstrap页面，我下载了jquery插件(lightgallery.js)，插件与这些代码一起工作得很好；

    <div class="item active" id="lightgallery">
     <a href="http://s.fotorama.io/1.jpg">
      <img src="http://s.fotorama.io/1.jpg" alt="...">
     </a>
      <a href="http://s.fotorama.io/2.jpg">
         <img src="http://s.fotorama.io/2.jpg" alt="...">
       </a>
    </div>

这是我的jquery函数工作插件

 $('#lightgallery').lightGallery();

这是很好，但如果我改变我的html结构插件是不工作的

我的html结构如下；

<div id="lightgallery">

  <div class="item active">
    <a href="http://s.fotorama.io/1.jpg">
       <img src="http://s.fotorama.io/1.jpg" alt="...">
    </a>
    </div>

    <div class="item">
      <a href="http://s.fotorama.io/2.jpg">
         <img src="http://s.fotorama.io/2.jpg" alt="...">
       </a>
      </div>
</div>

Answer 1

使用这样的列表..

<ul id="lightgallery">
    <li class="item active">
        <a href="http://s.fotorama.io/1.jpg">
            <img src="http://s.fotorama.io/1.jpg">
        </a>
    </li>
    <li class="item">
        <a href="http://s.fotorama.io/2.jpg">
            <img src="http://s.fotorama.io/2.jpg">
        </a>
    </li>
</ul>