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更新后

都会正确格式化滑块。

基金会轨道不使用车把

1 个答案: