我可以在无容器淘汰元素中使用动画转换绑定吗?
Can I use animated transition bindings in a containerless knockout element?
如果我有一组用无容器foreach构造的DOM元素,是否有可能与它们一起使用knockout动画过渡?例如:afteradd, aftermove, afterremove。
类似:
<!-- ko foreach: somelist(), afterAdd: afterAddCallback -->
<div>dom element for list item</div>
<!-- /ko -->
更新:我愚蠢地搞砸了我的测试代码。下面的代码将使用div(注释掉)或虚拟标记在控制台上生成消息。所以,是的。
ko.applyBindings({
myItems: ko.observableArray(['A', 'B', 'C']),
yellowFadeIn: function(element, index, data) {
console.debug("Something");
},
addItem: function() {
this.myItems.push('New item');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js"></script>
<!--div data-bind="foreach: {data:myItems, afterAdd: yellowFadeIn}" -->
<!-- ko foreach: { data: myItems, afterAdd: yellowFadeIn } -->
<div data-bind="text: $data"></div>
<!-- /ko -->
<!-- /div -->
<button data-bind="click: addItem">Add</button>
相关文章:
- -webkit转换在JavaScript旋转动画中不起作用(没有JQuery)
- 选项卡式元素上的动画CSS转换
- Raphael JS中的动画字体大小是否有流畅的转换可能性
- 使用动画将toggleClass('hidden')转换为.thoggle()
- 将画布动画转换为requestAnimationFrame将创建无限循环
- Angular JS具有在状态转换期间可见的来自两个不同状态的页面(用于动画目的)
- CSS不透明度转换;在动画过程中不考虑覆盖不透明度
- javascript函数和HTML中的文本转换/动画onclick
- jQuery SVG插件转换动画错误
- 将YouTube/Vimeo视频转换为无声的动画图像(想想哈利波特中的“动态图片”)
- 将 jQuery 递归动画转换为 requestAnimationFrame
- 如何将动画例程转换为通用的、可重用的 jQuery 函数
- “转换”文本框到带有滑动动画的文本区域
- 将 css 动画转换为 jquery
- 将 css3 动画转换为画布动画的任何方法
- 在图表 svg 条形图上的值之间设置动画转换
- 禁用 CSS/JavaScript 动画(转换:Translate3D)
- 我可以在无容器淘汰元素中使用动画转换绑定吗?
- 如何在服务器端将javascript动画转换为视频
- 将jquery动画转换为CSS3