Сочетание Columnizer и JQuery's Sortable - PullRequest
Новая
       15

Сочетание Columnizer и JQuery's Sortable

0 голосов
/ 22 февраля 2012

У меня есть контент: 

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

Я использую плагин columnizer , который разделяет мой контент на два столбца, например: 

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

Я также хотел бы использовать Функция сортировки JQuery , чтобы сделать мой контент сортируемым. Это требует, чтобы я добавил оболочку UL и LI вокруг каждого раздела контента. Однако плагин колонизатора разбивает мой сортируемый UL на два UL (с одинаковыми идентификаторами ...), позволяя сортировать только первый столбец: 

<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>
  • Можно ли настроить «колонизатор» так, чтобы он этого не делал?
  • Если нет, есть ли лучший (и поддерживаемый) способ сделать столбцы без него?
  • Я бы не хотел использовать макет "grid" , предлагаемый JQuery, так как мой контент имеет различную высоту, а сетки будут содержать много пробелов.

Спасибо за любые идеи!

1 Ответ

0 голосов
/ 10 сентября 2012

Оказывается, сортировка НЕ ​​требует использования <ul> и <li>. Я запустил sortable() на моем контейнере div и установил опцию sortable item в общий класс для всех моих div контента.

...