Javascript 如何使用knockout.js显示图像加载微调器
我正在使用knockout绑定一个图像列表。加载图像时设置微调器背景的最佳方法是什么。我有一个微调器类,可以设置和取消设置到背景图像,但我想知道是否有一种简单的方法可以使用knockout.js绑定到图像完成事件 使用jquery UI的小微调器,我有一个绑定处理程序,如Javascript 如何使用knockout.js显示图像加载微调器,javascript,knockout.js,Javascript,Knockout.js,我正在使用knockout绑定一个图像列表。加载图像时设置微调器背景的最佳方法是什么。我有一个微调器类,可以设置和取消设置到背景图像,但我想知道是否有一种简单的方法可以使用knockout.js绑定到图像完成事件 使用jquery UI的小微调器,我有一个绑定处理程序,如 ko.bindingHandlers.Loading = { update: function (element, valueAccessor, allBindingsAccessor) {
ko.bindingHandlers.Loading = {
update: function (element, valueAccessor, allBindingsAccessor) {
var value = valueAccessor(), allBindings = allBindingsAccessor();
var valueUnwrapped = ko.utils.unwrapObservable(value);
if (valueUnwrapped == true)
$(element).showLoading(); // Make the element visible
else
$(element).hideLoading(); // Make the element invisible
}
};
然后像这样使用它
<div data-bind="Loading: isLoading" >
因此,基本上,您可以将其绑定到视图模型上任何可能表示其加载(或忙碌)或不加载的内容