jquery排序表不工作

jquery排序表不工作,jquery,jquery-ui-sortable,Jquery,Jquery Ui Sortable,我可以使用jquery对单个列表进行排序,并在列表之间进行排序。然而,当我尝试同时做这两件事时,单个排序的效果非常差。(似乎只能在最后找到空间)似乎与指定li的宽度有关。任何想法。 谢谢大家,我已经挣扎太久了。 其网站位于: jquery $(function() { $( "#category1, #category2" ).sortable({items: "li:not(.ui-state-disabled)",connectWith: "#removed"}).disableSele

我可以使用jquery对单个列表进行排序,并在列表之间进行排序。然而,当我尝试同时做这两件事时,单个排序的效果非常差。(似乎只能在最后找到空间)似乎与指定li的宽度有关。任何想法。 谢谢大家,我已经挣扎太久了。 其网站位于:

jquery

$(function() {
 $( "#category1, #category2" ).sortable({items: "li:not(.ui-state-disabled)",connectWith: "#removed"}).disableSelection();   
}))

CSS

}

列表1
  • num1
  • num2
  • num3
  • num4
  • num5
  • num6
  • num7
  • num8
  • num9
  • num10
  • num11
  • num12 列表2
  • num21
  • num22
  • num23
  • num24
  • num25
  • num26
  • num27
  • num28
  • num29
  • num30
  • num31
  • num32

  • 您的问题是jquery sortable中的已知问题。
    这是

    非常感谢你提供的信息-我找不到,只是把头撞在墙上。
    ._32 {
     width: 28%;
    display: inline;
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    margin:5px;
    background-color: #FFC; 
    
              <ul class="category" id="category1"><span class="categoryHeader">List1<br></span>
      <li class="_32">num1</li>    
      <li class="_32">num2</li>    
      <li class="_32">num3</li>    
      <li class="_32">num4</li>    
      <li class="_32">num5</li>    
      <li class="_32">num6</li>                                  
      <li class="_32">num7</li>    
      <li class="_32">num8</li>    
      <li class="_32">num9</li>    
      <li class="_32">num10</li>    
      <li class="_32">num11</li>    
      <li class="_32">num12</li>        
    </ul>
    <ul class="category" id="category2"><span class="categoryHeader">List2<br></span>
      <li class="_32">num21</li>    
      <li class="_32">num22</li>    
      <li class="_32">num23</li>    
      <li class="_32">num24</li>    
      <li class="_32">num25</li>    
      <li class="_32">num26</li>                                  
      <li class="_32">num27</li>    
      <li class="_32">num28</li>    
      <li class="_32">num29</li>    
      <li class="_32">num30</li>    
      <li class="_32">num31</li>    
      <li class="_32">num32</li>        
    
    </ul>