условная анимация нокаута в зависимости от длины родительского списка

Question

У меня проблема с производительностью с использованием анимации с нокаутом. Вот мой код:

<ul data-bind="template: {foreach: items, beforeRemove: slideup }"> 
    <li data-bind="text: text"></li> 
</ul> 
<script> 
    var slideup = function (elem) { 
    if (elem.nodeType === 1) $(elem).slideUp(100, function() {$(this).remove();}); 
    } 
</script> 

Проблема возникает, когда я RemoveAll в список с сотнями элементов. В этом случае я предпочел бы сделать обгон. Знаете ли вы, может ли я иметь доступ к длине списка в функции slideUp или если вы можете условно связать анимацию?

Благодаря

Answer 1

Это должно работать:

var slideup = function (elem) { 
    var context = ko.contextFor(elem); 
    if (elem.nodeType === 1) { 
     if (context.$parent.length < 100) { 
      $(elem).slideUp(100, function() {$(this).remove();}); 
     } 
     else { 
      $(elem).remove(); 
     } 
    } 
}