Как сохранить дочерние элементы вместе с родительским jQuery сортируемым - PullRequest
Новая
       14

Как сохранить дочерние элементы вместе с родительским jQuery сортируемым

0 голосов
/ 08 апреля 2010

У меня есть список подобных вещей ... 

<ol>
    <li>
        <span></span>
        <img src="image.png" />
        <p>Image Caption</p>
    </li>
</ol>

И я хочу иметь возможность сортировать LI, но не подэлементы, они должны просто двигаться вместе со своим родителем.

Я использую jQuery для этого ... 

$('ol li').sortable({ 'cursor': 'move' });

И он работает, но не перемещает весь лот, только элемент, на который вы нажали, то есть <p>, <img> или <span>

Я не могу понять, как решить эту проблему, поэтому я посмотрел и нашел опцию под названием 'items': '> li', которая была рекомендована, но при использовании этого ничего не тянет больше, но с помощью плагина firebug + jquery я вижу, что сортировка по <li> все еще.

Не уверен, что делать, пример здесь: http://clareshilland.unknowndomain.co.uk/

  1. Нажмите ctrl+l для входа.

  2. Введите данные для входа:

    Имя пользователя: clare
    Пароль: demo

  3. Выберите «изменить» из-под, а затем «изображение» часть меню.

  4. Сортируемыми должны быть эти поляроиды.

Заранее спасибо, еще один, с которым я стучал головой по столу.

1 Ответ

5 голосов
/ 08 апреля 2010 
$('ol').sortable({ 'cursor': 'move' });

sortable() относится к контейнеру и влияет на детей.Ваш 'ol li' селектор делает li контейнером, что приводит к поведению, которое вы видите.

...