lightgallery typeエラー画像がロードされていませんか？

Question

ブートストラップのページがあり、jqueryプラグイン（lightgallery.js）をダウンロードしました。プラグインはtheeseコードとうまく動作します。

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

と、これは、それは良いことだが、私は私のHTML構造を変更した場合、プラグインが動作していないプラグインに

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

を動作するように私のjqueryの関数である

私の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>