jqueryUI Sortable:在表单输入上处理.disableSelection()

zac*_*ack 8 forms jquery-ui textselection jquery-ui-sortable

示例:我有一个包含一堆表单输入的无序列表.

在创建ul .sortable()之后,我在sortable(ul)上调用.disableSelection()以防止在拖动li项时进行文本选择.

..但很好,但我需要在表单输入上重新/启用文本选择..或者表单基本上是不可编辑的..

我找到了一个部分解决方案@ http://forum.jquery.com/topic/jquery-ui-sortable-disableselection-firefox-issue-with-inputs

  • enableSelection,disableSelection似乎仍然没有记录:http://wiki.jqueryui.com/Core

有什么想法吗?

zac*_*ack 21

解决了 .有点黑客但有效!..任何评论我怎么能做得更好?

应用.sortable()然后在输入字段上启用文本选择:


$("#list").sortable({
  stop: function () {
    // enable text select on inputs
    $("#list").find("input")
     .bind('mousedown.ui-disableSelection selectstart.ui-disableSelection', function(e) {
      e.stopImmediatePropagation();
    });
  }
}).disableSelection();

// enable text select on inputs
$("#list").find("input")
 .bind('mousedown.ui-disableSelection selectstart.ui-disableSelection', function(e) {
  e.stopImmediatePropagation();
});
Run Code Online (Sandbox Code Playgroud)