组合Columnizer和JQuery'；可恶的

我有以下内容：

<div>content</div>
<div>content</div>
<div>content</div>
<div>content</div>
<div>content</div>

内容
内容
内容
内容
内容

我使用的是将我的内容分为以下两列：

<div class="first column" style="width:50%; float: left;">
  <div>content</div>
  <div>content</div>
  <div>content</div>
</div>
<div class="last column" style="width:50%; float: left;">
  <div>content</div>
  <div>content</div>
</div>

内容
内容
内容
内容
内容

我还想使用，使我的内容排序。这需要我在每个内容部分周围添加UL包装和LI。但是，columnizer插件将我的可排序UL分成两个UL（具有相同的ID…），只允许对第一列进行排序：

<ul id='sortable'>
  <div class="first column" style="width:50%; float: left;">
    <li><div>content</div></li>
    <li><div>content</div></li>
    <li><div>content</div></li>
  </div>
</ul>                   //inserted by columnizer
<ul id='sortable'>      //inserted by columnizer
  <div class="last column" style="width:50%; float: left;">
    <li><div>content</div></li>
    <li><div>content</div></li>
  </div>
</ul>

内容
内容
内容
//由列生成器插入
//由列生成器插入
内容
内容

• 我可以将“columnizer”配置为不执行此操作吗
• 如果没有，是否有更好的（且受支持的）方法来生成没有它的列
• 我希望避免使用JQuery提供的“网格”布局，因为我的内容高度不同，网格会引入大量空白

---

谢谢你的建议

结果表明，sortable不需要使用

和

。我在容器div上运行了

sortable（）

，并将sortable的

item

选项设置为所有内容div之间的一个公共类。

我自己取得了进步。我没有为可排序引用ul ID，而是引用了columnizer创建并连接的ul之间的公共类：

。。。然后是我的JQuery:$（“.ul_sortable”）.sortable（{connectWith:'.ul_sortable'}）；在单个列内或从右到左进行排序可以完美地工作，但从左到右拖动是命中或未命中的。也许我需要使用ID而不是类？已解决：结果证明sortable不需要使用ul和li。我在容器div上运行了“sortable”，并将sortable的“item”选项设置为所有内容div之间的公共类。现在工作完美无瑕。。。stackoverflow不让我回答我自己的问题，所以我的解决方案是：-）