0

Есть список с checkbox:

<ul class="attach-list">
    <li><input type="checkbox" name="items[]"> Item 1</li>
    <li><input type="checkbox" name="items[]"> Item 2</li>
    <li><input type="checkbox" name="items[]"> Item 3</li>
    <li><input type="checkbox" name="items[]"> Item 4</li>
</ul>

Нужно сделать возможность перетаскивания только выбранных элементов списка. Сейчас перетаскивается весь список - и выбранные и не выбранные:

$(".attach-list").draggable({
    helper: clone,
    ....
});

Делаю так:

$(".attach-list").draggable({
    helper: function() {
        return $('input[name="items[]"]:checked').closest('li');
    },
    .....
});

Проблема в том, что при перемещении элемент исчезает из списка, т.е. helper работает как original, а нужно чтобы был как clone.

1 ответ 1

0

Все, разобрался сам. Вот так работает:

helper: function (e, ui) {
    ul = $(this).clone(true);
    ul.find('li').each(function() {
        if ($(this).find('input').prop('checked') === false) {
            $(this).remove();
        }
    });
    return ul;
},        

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.