无法使用句柄选择Kendo Sortable中的文本

我有一组可排序的小部件，非常类似于这个演示 。 JS在这里：

var column1Sortable = $(column1Selector).kendoSortable({ filter: ".panel", cursor: "move", handler: ".panel-header", connectWith: column2Selector, change: sortableOnChange, placeholder: sortablePlaceholder, hint: sortableHint }).data("kendoSortable"); var column2Sortable = $(column2Selector).kendoSortable({ filter: ".panel", cursor: "move", handler: ".panel-header", connectWith: column1Selector, change: sortableOnChange, placeholder: sortablePlaceholder, hint: sortableHint }).data("kendoSortable"); 

面板的HTML看起来类似于：

 
 
Header
 
 ... selectable text here ... 
  

虽然我已经为.panel-header div设置了一个handler选项，但我无法在.panel-content区域中选择任何文本。 鼠标光标显示文本光标，但在尝试突出显示时，没有任何内容突出显示。

Answer 1

解决方案是使用ignore选项并使用带有“select all”选择器*的高级选择器。 这是我的JS初始化调用现在的样子：

  var column1Sortable = $(column1Selector).kendoSortable({ filter: ".panel", cursor: "move", handler: ".panel-header", ignore: ".panel-contents *", connectWith: column2Selector, change: sortableOnChange, placeholder: sortablePlaceholder, hint: sortableHint }).data("kendoSortable"); var column2Sortable = $(column2Selector).kendoSortable({ filter: ".panel", cursor: "move", handler: ".panel-header", ignore: ".panel-contents *", connectWith: column1Selector, change: sortableOnChange, placeholder: sortablePlaceholder, hint: sortableHint }).data("kendoSortable");