ember.js: использовать входной диапазон в списке Сортируемого

Question

Я хотел бы поставить диапазон HTML5 входу, элемента в пределах Сортируемого

Когда я испытываю Сортируемого самого по себе элементы являются сортируются, в OnEnd обработчик события называется без проблем.

Когда я проверить диапазон входного сигнала само по себе изменение значения регистрируется и обработчик события вызывается без проблем при изменении.

Проблема заключается в том, что диапазон входного больше не работает (я имею ручку не двигаюсь больше) при объединении Сортируемого и диапазона входного сигнала вместе.

Я пытался выбрать диапазон входного сигнала с помощью опции фильтра в Сортируемый без успеха.

Я был бы рад, что кто-то может помочь мне в этом.

Вот мои настройки:

Ember: 1.10.0

Ember данных: 1.0.0-beta.16

JQuery: 1.11.2

Сортируемый : 1.1.1 (https://github.com/RubaXa/Sortable)

Вот мой шаблон Handlebar:

<ul {{bind-attr class=":dropdown-menu :map-layers-dropdown"}} id="map-layers-sortable"> 
    {{#each layer in tileLayers itemController="mtgLayer"}} 
     <li {{bind-attr id=layer.identifier}}> 
      <section>{{input type="checkbox" checked=layer.visible}} 
      <span>{{layer.title}}</span> 
      {{input class="mtg-layers-draggable range" type="range" name="range" min="0" max="100" value=layer.opacity}} 
      </section> 
     </li> 
    {{/each}} 
</ul> 

Вот моя Сортируемая конфигурация:

this.sortable = Sortable.create($("#map-layers-sortable")[0], { 
    group: {name: "group", pull: false, put: false}, // or { name: "...", pull: [true, false, clone], put: [true, false, array] } 
    sort: true, // sorting inside list 
    disabled: false, // Disables the sortable if set to true. 
    animation: 150, // ms, animation speed moving items when sorting, `0` — without animation 
    filter: ".mtg-layers-draggable", // ".ignore-elements" Selectors that do not lead to dragging (String or Function) 
    ghostClass: ".sortable-ghost", // Class name for the drop placeholder 

    scroll: true, // or HTMLElement 
    scrollSensitivity: 30, // px, how near the mouse must be to an edge to start scrolling. 
    scrollSpeed: 10, // px 

    // dragging ended 
    onEnd: function (/**Event*/evt) { 
    evt.oldIndex; // element's old index within parent 
    evt.newIndex; // element's new index within parent 
    // My Code after Sorting 
    }); 
} 

});

Answer 1

Я нашел исправление, но это связано с модификацией библиотеки Sortable.

Я удалил evt.preventDefault(); Линия вызова 306. Это блокирует распространение события в диапазоне входного сигнала

Sortable.js

306 - evt.preventDefault();