如何使用带有Knockout绑定的Hammer JS轮播

时间:2014-05-26 22:39:33

标签: css knockout.js hammer.js

标准锤子JS旋转木马,但带有击倒,显示相互堆叠的旋转木马页面,如何使用Knockout正确显示,任何想法?

<ul data-bind=" foreach: Stories, visible: Stories().length > 0" >
      <li data-bind=" css:  Pane">
      <p data-bind="html: Headline" />
       <p data-bind="html: subheading" />
     <h2>Swipe...</h2>
</li>
</ul>
如果我们删除了敲除绑定,

会起作用!

2 个答案:

答案 0 :(得分:0)

我没有测试过这个但是在使用淘汰赛时你需要使用空标签而不是自动关闭标签。所以试一试。

<ul data-bind=" foreach: Stories, visible: Stories().length > 0" >
    <li data-bind=" css:  Pane">
      <p data-bind="html: Headline"></p>
      <p data-bind="html: subheading"></p>
     <h2>Swipe...</h2>
  </li>
</ul>

答案 1 :(得分:0)

Dom过早发布绑定

在调用我的viewmodel绑定

之后将其从脚本移动到
var carousel = new Carousel("#carousel");
carousel.init();

在此演示视图的底部 - 来源:http://rawgit.com/EightMedia/hammer.js/1.1.3/tests/manual/carousel.html