Question

我可以使用jquery对单个列表进行排序并在列表之间进行排序。然而，当我尝试两者兼顾时，个人排序的效果非常差。（看似只能在最后找到空间）这似乎与指定li的宽度有关。有任何想法吗。谢谢大家 - 我一直在苦苦挣扎。它位于的网站是： http://s95311055.onlinehome.us/midwives2012/sortFields-test.php

jquery的

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

}）;

CSS

._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>

Answer 1

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

jquery可排序不起作用

1 个答案: