列表中的Shadowbox

Question

我在列表中使用shadowbox時出現問題。即時嘗試與shadowbox一起使用的圖像位於li標籤內。我曾嘗試在一個超出列表範圍的位置實施shadowbox，並且該工作正常。

HTML：

<div id="gallery" class="content-2"> 
     <nav id="filter"></nav> 
     <section id="container"> 
      <ul id="stage"> 
       <li data-tags="Print Design"><a rel="shadowbox" href="_img/shots/1.jpg"><img src="_img/shots/1.jpg" alt="Illustration" /></a></li> 
       <li data-tags="Logo Design,Print Design"><a rel="shadowbox" href="_img/shots/2.jpg"><img src="_img/shots/2.jpg" alt="Illustration" /></a></li> 
      </ul> 
     </section> 
</div> 

Answer 1

是的，它是可能的，並且由您提供的有限的HTML來看，它就像使用jQuery Quicksand插件太多的容貌？

如果是這樣，檢查出Quicksand Demo featuring Shadowbox我做了一段時間回來，這是基於這個Online Tutorial。

即使您沒有使用流沙，的想法是一樣的獲得太極拳爲你所期望的工作：那就是在你其他腳本的回調過程中運行Shadowbox.setup();。

基本上，在另一個腳本改變了DOM並改變了Shadowbox對象的其他元素之後，Shadowbox將不會緩存新對象，直到通過Shadowbox.setup()將它們手動添加到Shadowbox緩存中。

注意：您可能必須先運行Shadowbox.clearCache();以刷新先前捕獲的鏈接，否則您的克隆對象開始繁殖。

此外，一定要打開演示的.js文件，因爲它有很多我寫的專門用於Shadowbox使用的教程評論。