Html ember.js：在可排序列表中使用输入范围

我想把一个输入范围html5元素放在一个可排序的

当我单独测试可排序的时，元素是可排序的，调用onEnd事件处理程序没有问题

当我单独测试输入范围时会记录值更改，并且在更改时会毫无问题地调用事件处理程序

问题是当将可排序的和输入范围组合在一起时，输入范围不再工作（我的意思是手柄不再移动）

我尝试使用可排序的中的过滤器选项来过滤输入范围，但没有成功

我很高兴有人能在这方面帮助我

以下是我的设置：

余烬：1.10.0

余烬数据：1.0.0-beta.16

jQuery:1.11.2

可排序：1.1.1（）

这是我的车把模板：

---

}))

我找到了一个修复方法，但这涉及到修改可排序库

我删除了evt.preventDefault（）；打电话306。这将阻止事件传播到输入范围

Sortable.js

306-evt.preventDefault（）

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