jquery - 为敲除“if”绑定添加效果

Question

我在 knockout.js 文档中找到了有关如何在切换可见绑定甚至使用“foreach”绑定的 beforeRemove 事件时添加 jquery 效果的示例。

但是，我还没有发现如何在切换“if”绑定时添加 jquery 效果

考虑以下代码：

<table data-bind="with: myModel">
 <tr data-bind="if: IsVisible">
<td>some string</td>
 </tr>
</table>

当 IsVisible 返回 true 时，我将如何添加 jquery fadeIn 效果？

Answer 1

您不能if直接使用绑定，但在绑定中使用自定义绑定if可以解决问题：

<table data-bind="with: myModel">
    <tr data-bind="if: IsVisible">
        <!--ko fadeIn: true-->
        <td>some string</td>
        <!--/ko-->
    </tr>
</table>

处理程序：

ko.bindingHandlers.fadeIn = {
    init: function(element) {
        $(ko.virtualElements.childNodes(element))
            .filter(function () { return this.nodeType == 1; })
            .hide()
            .fadeIn();
    }
};
ko.virtualElements.allowedBindings.fadeIn = true;

示例：http: //jsfiddle.net/mbest/fpnTH/