基金会轨道不使用车把

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更新后，它将正确格式化滑块。