jQuery 可排序/禁用选择问题

Posted 2023-03-06

【中文标题】jQuery 可排序/禁用选择问题

【英文标题】：jQuery sortable / disableselection problem

【发布时间】：2011-06-06 17:57:34

【问题描述】：

我的 jQuery 可排序列表出现问题，其中文本被选中。我发现了函数disableSelection()，但似乎无法正常工作。

这是 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>

似乎不可选择状态已打开，但并不阻止文本选择。

任何帮助将不胜感激

【参考方案1】：

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

试试这个：

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