0

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

页面在这里：http ://danheidel.github.io/resume-foundation/#art-contact 非功能性 Orbit 旋转木马在上面，功能性旋转木马在页面底部。（后者的格式有点麻烦，因为它不在 Foundation 网格中）来源在这里：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>
4

1 回答 1

2

呃，堆栈溢出显示不佳。:(无论如何，我通过JS挖掘并找到了答案。只需拨打电话：

Foundation.libs.orbit.init();

每次 HTML 更新后，它将正确格式化滑块。

于 2013-07-17T18:18:37.790 回答