使用Knockout的fadeVisible切换两个标记之间的区块？

我有两个标记，我试图通过使用fadeVisible绑定处理程序来切换。我似乎无法在这种情况下实现平稳过渡 - 这意味着不会出现跳动 - 是否有可能？不幸的是，我无法使用position: absolute或fixed，因为我的容器元素需要随内容一起缩放。使用Knockout的fadeVisible切换两个标记之间的区块？

的jsfiddle：http://jsfiddle.net/xH3mh/8/

代码：

<!-- ko fadeVisible: show --> 
<div data-bind="text: name"></div> 
<!-- /ko --> 
<!-- ko fadeVisible: !show() --> 
<div data-bind="text: 'Jones'"></div> 
<!-- /ko --> 
<input type="checkbox" data-bind="checked: show" /> Show

来源

2014-10-09 RobVious

不知道我怎么错过了不能使用位置：absoulte thingamabob ......但如果他们的包装元素中肯定像你需要他们将是移动？ – 2014-10-09 02:35:53

jsfiddle.net/xH3mh/10/

这应该工作..只是包装div的一个div容器，使容器relitive与孩子fadeables是绝对

编辑： New way that works 嗨，看着我的旧答案，并认为我会再去一次。好吧，我找到了一个解决方案，:)基本上，不要使用视觉/ dom操作淘汰赛，这不是它的主要作用，而是使用JQuery，它具有dom操作，因为它的主要作用。

这人会工作，没有显示类型:)

来源

2014-10-09 02:25:16

也fyi，继承人一个例子，我用绝对内部的一个可靠的容器，然后让他们定位在所有的地方没有问题 http://jsfiddle.net/xH3mh/12/ – 2014-10-09 02:47:57

感谢您的这一点，虽然这证明了为什么我不能使用它：http://jsfiddle.net/xH3mh/13/我不知道这是可能的：/ – RobVious 2014-10-09 14:13:20

我喜欢解决一个很好的问题exersize ...但是我有点恼火，当我上传时淘汰赛到3.2（你正在运行超级老旧2.1），事实证明，他们已经从非foreeach东西中删除了投降（或w/e它被称为）...所以我看不到最终呈现文本块（我需要这样做我可以确定它是设置父母高度的高度）......如果你能找到一种方法来衡量它的高度，那么它是如何完成的......但现在，也许只是扩展你的观察值，包括高度和绑定的更新修改父母的身高是正确的。对不起，我放弃：P 3小时后 – 2014-10-09 23:03:49

使用Knockout的fadeVisible切换两个标记之间的区块？

回答

相关问题