Ko.bindinghandlers not working in Chrome
I've created a 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);
}
};
...and bound it to an observableArray:
<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>
It works fine in Firefox, but in Chrome this error is returned: Uncaught
ReferenceError:
Unable to parse bindings.
Bindings value: highlight: Contact
Message: Contact is not defined
At first I thought it was caused by the DOM not being ready, but that is
not the case.
No comments:
Post a Comment