knockout.jsでイメージローディングスピナーを表示する方法

Question

私はノックアウトを使用して画像のリストをバインドしています。画像がロードされている最中にスピナーの背景を設定する最も良い方法は何ですか？私は背景イメージを設定したり解除したりすることができるスピナークラスを持っていますが、knockout.jsを使ってイメージの完全なイベントにバインドする簡単な方法があるかどうか疑問です。

Answer 1

jqueryのUIを少しスピナーものを使用して、私はその後

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

のようにそれを使用していますその負荷（またはビジー）を表すかどうかはわかりません。