javascript - Foundation Orbit 无法与 Handlebars 配合使用

Question

我在使基金会轨道正常运行时遇到问题。我可以从常规 HTML 中调用它，并且工作正常，但是当我尝试使用动态生成的 Handlebars HTML 时，它不会加载。

页面在这里:http://danheidel.github.io/resume-foundation/#art-contact不起作用的 Orbit 旋转木马位于上方，起作用的 Orbit 旋转木马位于页面底部。 (后者的格式有点奇怪，因为它不在基础网格中)来源在这里:https://github.com/danheidel/resume-foundation

我在加载时没有看到任何错误，因此我怀疑 Orbit 没有在动态模板化 HTML 上触发。有人让 Orbit 来使用模板吗？

下面是从 Handlebars 动态生成的 HTML。据我所知，所有格式都正确。

编辑:我几乎可以肯定 Orbit 不会触发，因为它在初始页面加载后不会拦截 HTML 更改。我通过让 JQuery 加载后使用正确的 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 更新后，它都会正确格式化 slider 。