我有一個foreach綁定,顯示來自observableArray的項目列表。我也有添加或刪除項目到該陣列的功能。我想使fadeOut和淡入淡出/添加。我已經通過使用afterAdd和beforeRemove完成了這一步,但現在我必須通過使用自定義綁定來完成。 fadeIn部分不是問題,但我不知道如何在按鈕單擊並刪除li時執行fadeOut。這裏是我的自定義的衰落綁定:如何使foreach fadeIn和fadeOut在添加和刪除時使用自定義BindingHandlers?
ko.bindingHandlers.fadeIn = {
init: function(element, valueAccessor) {
$(element).hide();
},
update: function(element, valueAccessor) {
$(element).fadeIn(1000);
}
};
,這裏是我的html:
<ul data-bind="foreach: terms" class="align-center">
<li data-bind="fadeIn: $data">
<span data-bind="text: ($data.key + ': ' + $data.value)"></span>
<span>
<a data-bind="click: $parent.removeTerm">
<i class="icon-cancel-circled"></i>
</a>
</span>
</li>
</ul>
removeTerm
只能從陣列中刪除項目,但我需要讓之前淡出。有什麼建議麼?
你可以做一個工作jsfiddle嗎? – gh9
這是一個非常大的項目的一部分,我不能。術語數組正在通過選擇我從服務器獲得的一些搜索建議來填充......我知道這對你們來說會容易得多...希望我能...... –