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