如何使用jQuery的排序重新排序排序父

Question

的子对象，我有以下HTML结构：

<div id='tiles'> 

    <div class='slot'> 
     <span class='slotNum'>1</span> 
     <div class='tile'></div> 
    </div> 

    <div class='slot'> 
     <span class='slotNum'>2</span> 
     <div class='tile'></div> 
    </div>  

    <div class='slot'> 
     <span class='slotNum'>3</span> 
     <div class='tile'></div> 
    </div>  

</div> 

我希望能够重新排序的时隙之间的瓷砖。如果我开始将＃1下的拼贴拖到＃2拼贴，我想让＃2拼贴在＃1下面。如果您尝试使用JSFiddle，则＃2瓦片当前仅在重新排序的瓦片下堆叠。

JSFiddle

Answer 1

你错误配置项目的选择 - 我认为在你的榜样，应该设置为.slot，不.tile。

$("#tiles").sortable({ 
    items: ".slot", 
}); 

http://jsfiddle.net/uBFtr/5/

默认情况下，项目选项设置为> *选择，这意味着任何子元素（不subchild），所以它不需要在你的例子在所有指定。