jQuery sortable/disableselection问题 [英] jQuery sortable / disableselection problem

问题描述

我的jQuery可排序列表出现问题，正在选择文本.我发现了功能disableSelection()，但似乎无法正常工作.

I'm having an issue with my jQuery sortable list, where the text is being selected. I discovered the function disableSelection() but can't seem to get it working.

这是js:

$('ul#current_projects').sortable({
placeholder: "drop-zone",
axis: 'y',
handle: 'span.handle',
opacity: 0.5,
revert: true  
});

$('ul#current_projects').disableSelection();

这是HTML:

<ul id="current_projects" class="ui-sortable" unselectable="on">
  <li class="project_42">
    <div class="command">
      <span class="handle"></span>
      <a href="#" class="delete"></a>
    </div>
    <a href="#" class="project">Testing</a>
  </li>
  <li class="project_52">
    <div class="command">
      <span class="handle"></span>
      <a href="#" class="delete"></a>
    </div>
    <a href="#" class="project">Testing</a>
  </li>
</ul>

似乎处于不可选择状态，但是只是不阻止文本选择.

It appears that the unselectable state is on, but just doen't prevent the text selection.

任何帮助将不胜感激

推荐答案

我遇到了类似的问题，当我使用containment: 'parent'选项时，它对我有用.

I had similar issue and it worked for me when I used the containment: 'parent' option.

尝试一下:

$('ul#current_projects').sortable({
 placeholder: "drop-zone",
 axis: 'y',
 handle: 'span.handle',
 opacity: 0.5,
 revert: true,
 containment: 'parent'
}).disableSelection();

这篇关于jQuery sortable/disableselection问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！