Jquery ui sortable

Question

我有一些排序和编辑工具，看起来像下面代码中添加的这些:

但是如果我先点击“启用排序”，然后再启用“编辑”，编辑功能将无法正常工作。

UPDATE: For those who need it $('.content').enableSelection(); is added and it works.

$(document).ready(function(){
  $(document).on('click','ul>li',function(){
    var id = $(this).attr('id');
    if(id=="enables"){
      $('.part>span').attr('contenteditable','false');
      $('.content').sortable({
        containment: "parent"
      });
      $('.content').disableSelection();
    }else if(id=="enablee"){
      $('.content').sortable("destroy");
      $('.part>span').attr('contenteditable','true');
      $('.content').enableSelection();
    }
  });
});

.content{
  width: 500px;
  height: auto;
  float: left;
  overflow: hidden;
}
.part{
  width: 100%;
  height: 50px;
  float: left;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div class="content">
  <div class="part" style="background:red"><span>ssssssssss</span></div>
  <div class="part" style="background:blue"><span>sssssss</span></div>
  <div class="part" style="background:green"><span>ssssss</span></div>
  <div class="part" style="background:yellow"><span>ssssss</span></div>
</div>
<ul>
  <li id="enables">Enable sorting</li>
  <li id="enablee">Enable editing</li>
</ul>

- user8517929

---

你尝试把$('.content').enableSelection();放在“else if”括号里面了吗？ - Tio Urso

现在我已经做到了，而且它也起作用了。谢谢伙计。 - user8517929

Answer 1

从您的if条件中删除$('.content').disableSelection();函数，它应该可以正常工作，不要像文档中建议的那样使用此函数。

请访问以下网址获取更多详细信息。 http://api.jqueryui.com/disableSelection/

- Sudesh Gama