css - 如何将 Hammer JS 轮播与 Knockout 绑定(bind)一起使用

Question

标准的 Hammer JS 轮播，但带有 knockout，显示轮播页面堆叠在彼此下面，如何使用 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>

如果我们删除 knockout 绑定(bind)就可以工作!

Answer 1

我还没有对此进行测试，但是在使用 knockout 时你需要使用空标签而不是自闭合标签。所以试一试。

<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>