Jak zastosować efekt jQuery elementu utworzonego przez Knockout.js

Question

Witam Mam następujący kod w moim zdaniem:

 <div data-bind="foreach: Elements"> 
      <div data-bind="attr:{id: id}"> 
       <img data-bind="attr:{src: ImageSource}" /> 
       <p data-bind="text: Name"></p> 
      </div> 
     </div> 

Ale dla każdego nowego elementu Chcę dodać EFFET jQuery jak:

 $("#draggable").draggable(); 

Czy istnieje sposób na subskrypcję wydarzenia, które wystąpi po dodaniu elementu do tej listy?

Answer 1

Najlepszym sposobem na to jest użycie niestandardowych powiązań.

ko.bindingHandlers.draggable= { 
    init: function(element, valueAccessor) { 
     $(element).draggable(); 
    } 
}; 

    <div data-bind="foreach: Elements"> 
     <div data-bind="attr:{id: id}, draggable: {}"> 
      <img data-bind="attr:{src: ImageSource}" /> 
      <p data-bind="text: Name"></p> 
     </div> 
    </div> 

Przeczytaj więcej na ten temat w dokumentacji: http://knockoutjs.com/documentation/custom-bindings.html.