基金會軌道不使用車把

Question

我在完成基金會軌道工作時遇到了問題。 我可以從常規HTML調用它，它工作正常，但當我嘗試使用動態生成的Handlebars HTML時，它不會加載。

頁面在這里： http ：//danheidel.github.io/resume-foundation/#art-contact非功能性Orbit carosel位於上方，功能位於頁面底部。 （后者的格式有點棘手，因為它不在Foundation網格中）來源在這里： https ： //github.com/danheidel/resume-foundation

我沒有看到任何加載錯誤，所以我懷疑Orbit沒有觸發動態模板化的HTML。 有沒有人得到Orbit與模板一起工作？

Handlebars動態生成的HTML如下所示。 據我所知，它的格式正確。

編輯：我幾乎可以肯定Orbit沒有觸發，因為它在初始頁面加載后沒有攔截HTML更改。 我通過讓JQuery post-load修改了一個帶有正確HTML的div來測試，Orbit也沒有攔截。 任何人都可以告訴我如何讓Orbit在裝載后開火嗎？

      <div class="panel" id="minor-panel">
           <h3>Contact</h3>
           <ul data-orbit="">
                 <li>
                    <img src="img/contact part3_lbox.jpg">
                    <div class="orbit-caption">caption 1</div>
                 </li>

                 <li>
                    <img src="img/contact part4_lbox.jpg">
                    <div class="orbit-caption">caption 1</div>
                 </li>

                 <li>
                    <img src="img/contact part5_lbox.jpg">
                    <div class="orbit-caption">caption 1</div>
                 </li>

                 <li>
                    <img src="img/contact part6_lbox.jpg">
                    <div class="orbit-caption">caption 1</div>
                 </li>
           </ul>
     </div>

Answer 1

呃，糟糕的顯示Stack Overflow。 :(無論如何，我通過JS挖掘並找到答案。只需撥打電話：

Foundation.libs.orbit.init(); 

每次HTML更新后，它將正確格式化滑塊。