javascript - 如何使用 knockout.js 显示图像加载微调器

Question

我正在使用 knockout 来绑定(bind)图像列表。在加载图像时设置微调器背景的最佳方法是什么。我有一个微调器类，我可以设置和取消设置背景图像，但想知道是否有一种简单的方法可以使用 knockout.js 绑定(bind)到图像完成事件。

Answer 1

使用 jquery UI 的小微调器，我有一个像

这样的绑定(bind)处理程序

 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" >

所以，基本上，您可以将它绑定(bind)到您的 View 模型中可能代表其加载(或忙碌)或不加载的任何内容。