编程语言
首页 > 编程语言> > javascript-jQuery sortable / disableselection问题

javascript-jQuery sortable / disableselection问题

作者:互联网

我的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>

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

任何帮助,将不胜感激

解决方法:

我有类似的问题,当我使用containment:’parent’选项时,它对我有用.

试试看:

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

标签:jquery-ui,jquery-ui-sortable,javascript,jquery
来源: https://codeday.me/bug/20191208/2094430.html