Javascript 不使用把手的基础轨道 我的基础轨道工作有问题。我可以从常规HTML调用它,它工作得很好,但当我尝试使用动态生成的Handlebars HTML时,它不会加载

Javascript 不使用把手的基础轨道 我的基础轨道工作有问题。我可以从常规HTML调用它,它工作得很好,但当我尝试使用动态生成的Handlebars HTML时,它不会加载,javascript,handlebars.js,zurb-foundation,Javascript,Handlebars.js,Zurb Foundation,页面如下: 不起作用的轨道carosel位于上方,起作用的轨道carosel位于页面底部。(后者的格式有点扭曲,因为它不在基础网格中) 资料来源如下: 我在加载时没有看到任何错误,所以我怀疑Orbit没有在动态模板化的HTML上启动。有人让Orbit使用模板吗 下面是从Handlebar动态生成的HTML。据我所知,所有的格式都是正确的 编辑:我几乎可以肯定Orbit没有启动,因为它在初始页面加载后不会拦截HTML更改。我通过让JQuery post load使用正确的HTML修改div进行了测

页面如下: 不起作用的轨道carosel位于上方,起作用的轨道carosel位于页面底部。(后者的格式有点扭曲,因为它不在基础网格中) 资料来源如下:

我在加载时没有看到任何错误,所以我怀疑Orbit没有在动态模板化的HTML上启动。有人让Orbit使用模板吗

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

编辑:我几乎可以肯定Orbit没有启动,因为它在初始页面加载后不会拦截HTML更改。我通过让JQuery post load使用正确的HTML修改div进行了测试,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>

接触

  • 标题1
  • 标题1
  • 标题1
  • 标题1

  • Ugh,显示堆栈溢出效果不佳:( 无论如何,我在JS中找到了答案。打个电话到:

    Foundation.libs.orbit.init(); 
    
    在每次HTML更新之后,它将正确格式化滑块