Javascript Ko.bindingHandler不在Chrome中工作

我创建了一个bindingHandler：

ko.bindingHandlers.highlight = {
        update: function (element, valueAccessor) {
            $(element).fadeTo("fast", 0.03);
            $(element).fadeTo("fast", 1);
            $(element).fadeTo("fast", 0.03);
            $(element).fadeTo("fast", 1);
            $(element).fadeTo("fast", 0.03);
            $(element).fadeTo("fast", 1);
            $(element).fadeTo("fast", 0.03);
            $(element).fadeTo("fast", 1);
        }
};

…并将其绑定到一个可观察的耳环上：

<div data-bind="foreach: contactsInfrastructure">
                <div class="contact" data-bind="highlight: Contact">
                    <div class="contactAvailability">
                        <div class="contactAvailabilityColor" data-bind="css: "availabilityCssClass"></div>
                    </div>
                    <div class="contactName" ><span data-bind="text: name"</span></div>
                    <!-- <div class="contactNote ellipseText" data-bind="text: group"></div> -->
                </div>
            </div>

---

起初我认为这是因为DOM没有准备好，但事实并非如此。

当您使用不带引号的contact时，Knockout会搜索名为

contact

的可观察对象。但是，在您的ViewModel中没有这样的可观察性

您似乎也没有在自定义处理程序中使用这个词。如果需要将该单词作为文本传递到处理程序中，可以将其括在引号=>'Contact'中

<div class="contact" data-bind="highlight: 'Contact'"> 
OR
<div class="contact" data-bind="highlight: true">

或

联系人是否应该是

联系人框架结构

数组的元素？因为，如果是这样的话，您应该改用

。

在html中绑定时，实体名称必须与列名/entityName的大小写一致。

请创建一个JSFIDLE。

<div class="contact" data-bind="highlight: 'Contact'"> 
OR
<div class="contact" data-bind="highlight: true">