javascript - how to show an image loading spinner with knockout.js - Stack Overflow

admin管理员组

文章数量:1302229

I'm using knockout to bind a list of images. What's the best way to set up a spinner background while the images are loading. I have a spinner class I can set and unset to the background image, but wondering if there is an easy way to bind to image plete events with knockout.js.

I'm using knockout to bind a list of images. What's the best way to set up a spinner background while the images are loading. I have a spinner class I can set and unset to the background image, but wondering if there is an easy way to bind to image plete events with knockout.js.

• javascript
• knockout.js

Share Improve this question Follow asked May 23, 2012 at 20:44 MonkeyBonkeyMonkeyBonkey 47.9k8282 gold badges270270 silver badges479479 bronze badges 1

• malsup./jquery/block/#demos – deltree Commented May 23, 2012 at 20:54

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 9

using jquery UIs little spinner thing, I have a binding handler like

 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
        }
    };

and then use it like

<div data-bind="Loading: isLoading" >

so, basically, you can bind it to anything on your view model that might represent its loading ( or busy ) or not.

本文标签： javascripthow to show an image loading spinner with knockoutjsStack Overflow