同一DOM元素上的多个自定义数据绑定

Multiple Custom Data-Binds on same DOM element

本文关键字:自定义 数据绑定 DOM 元素 同一      更新时间:2023-09-26

在别处找不到答案…

我有一系列自定义Knockout绑定处理程序,并试图在一个DOM元素上运行三个不同的处理程序。

data-bind="heightToContentSize:'scroll', toggletargethover:'pageWrapper', className:'removeArrows'"

问题是,Knockout只执行第一个,而忽略了其余的。控制台没有错误。在我的印象中,您可以在一个DOM元素上使用无限数量的唯一绑定处理程序,只要它们之间用逗号分隔即可。

你能像我上面那样用逗号链接自定义数据链接吗?我在上面陈述中的逻辑是错误的吗?

奇怪-但问题是Knockout没有忽略数据绑定语法中的空白。例如,如果我这样做....

data-bind="heightToContentSize:'something',click:referrerUrl"

而不是像这样

data-bind="heightToContentSize:'something', click:referrerUrl"

(注意逗号后面的空格)

那就行了。但淘汰赛应该忽略所有空白吗?http://knockoutjs.com/documentation/binding-syntax.html

尝试:

data-bind="heightToContentSize:scroll, toggletargethover:pageWrapper, className:removeArrows"

或:

data-bind="heightToContentSize:scroll(), toggletargethover:pageWrapper(), className:removeArrows()"