2013-02-19 60 views
0

我可以使用jquery來排序單個列表和排序列表之間。但是,當我試圖做到這一點時,個人排序工作真的很差。 (看起來只能在最後找到空間)似乎與指定li的寬度有關。有任何想法嗎。 感謝所有 - 我一直在掙扎太久。 網站其位於是: http://s95311055.onlinehome.us/midwives2012/sortFields-test.phpjquery排序不工作

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

回答

1

你的問題是jQuery的排序的已知問題。 這是bug report

+0

非常感謝這些信息 - 我找不到,只是把我的頭撞在牆上。 – user2260700 2013-02-20 12:59:03

+0

高興地幫助:) – 2013-02-20 16:14:23