環球免稅店：包含不顯示鏈接的圖層

Question

我正在使用galleria jquery插件的1.2.5中引入的全新的HTML圖層功能。它工作的很好，但只要標記中有一個<a>標記，就不會顯示任何圖層。這裏是我的標記：

<div id="galleria"> 
    <a href="feature-image.jpg" class="link"> 
     <img title="feature" alt="" src="feature-thumbnail.jpg" class="image" /> 
     <div class="layer"> 
      <h3>subtitle</h3> 
      <h2>title</h2> 
      <p>lorem ipsum dolor sit amet</p> 
      <p><a href="http://www.example.com">read more...</a></p> 
     </div> 
    </a> 
</div> 

和JavaScript：有一個想法

$('#galleria').galleria({ 
    dataConfig: function(img) { 
     return { 
      layer: $(img).siblings('.layer').html() 
     }; 
    } 
}); 

有人嗎？提前致謝！

Answer 1

嗯，我的猜測是，它沒有按預期工作，因爲div .layer是<a>元素，它不應該。請儘量把HTML重新排序，以這樣的：

<div id="galleria"> 
    <a href="feature-image.jpg" class="link"> 
     <img title="feature" alt="" src="feature-thumbnail.jpg" class="image" /> 
    </a> 
    <div class="layer"> 
     <h3>subtitle</h3> 
     <h2>title</h2> 
     <p>lorem ipsum dolor sit amet</p> 
     <p><a href="http://www.example.com">read more...</a></p> 
    </div> 
</div> 

然後你的拱廊代碼如下：

$('#galleria').galleria({ 
    dataConfig: function(img) { 
     return { 
      layer: $(img).parent().next().html() 
     }; 
    } 
});