如果没有容器元素结合工作不适合排序(if binding without container ele

2019-10-17 13:54发布

我修改了的jsfiddle从rniemeyer来说明这个问题: http://jsfiddle.net/mTqMt/1/

  <div class="container" data-bind="sortable: groupOrItems">
    <!--ko if: type=='Group'-->
    <div>
      <div class="title" data-bind="text: name()"></div>
      <!--here I would actually have a nested sortable-->
    </div>
    <!--/ko-->
    <!--ko if: type=='Item'-->
    <div class="item" data-bind="text: name()"></div>
    <!--/ko-->
  </div>

萤火虫说:“类型错误:节点为空”行546在淘汰赛latest.debug.js

我尝试了用“的foreach”而不是“排序”,然后它的工作。

有任何想法吗?

Answer 1:

可排序装订和jQuery UI的排序确实需要攫取到您所整理的东西父元素。

你想在喜欢的元素,至少包住整个“项目”:

  <div class="container" data-bind="sortable: groupOrItems">
    <div>
      <!--ko if: type=='Group'-->
      <div>
        <div class="title" data-bind="text: name()"></div>
        <!--here I would actually have a nested sortable-->
      </div>
      <!--/ko-->
      <!--ko if: type=='Item'-->
      <div class="item" data-bind="text: name()"></div>
      <!--/ko-->
    </div>
  </div>

更新: http://jsfiddle.net/rniemeyer/FSYYb/



文章来源: if binding without container element not working for sortable