首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为knockout "if“绑定添加效果

为knockout "if“绑定添加效果
EN

Stack Overflow用户
提问于 2013-03-20 04:50:44
回答 1查看 1.1K关注 0票数 4

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

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

考虑以下代码:

代码语言:javascript
运行
复制
<table data-bind="with: myModel">
 <tr data-bind="if: IsVisible">
<td>some string</td>
 </tr>
</table>

当IsVisible返回true时,我如何添加jquery fadeIn效果?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-20 05:33:57

您不能直接使用if绑定,但是在if绑定中使用自定义绑定可以做到这一点:

代码语言:javascript
运行
复制
<table data-bind="with: myModel">
    <tr data-bind="if: IsVisible">
        <!--ko fadeIn: true-->
        <td>some string</td>
        <!--/ko-->
    </tr>
</table>

处理程序:

代码语言:javascript
运行
复制
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/

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15510178

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档