подключение сортируемых списков, запрещающих сортировку по первому списку jQuery - PullRequest
Новая
       0

подключение сортируемых списков, запрещающих сортировку по первому списку jQuery

3 голосов
/ 16 марта 2011

Я не знаю, возможно ли это, но я хочу сделать несколько вещей,

У меня есть 2 сортируемых списка, которые связаны.Я не хочу сортировать первый список, но мне нужно, чтобы элементы можно было перетаскивать во второй список.

Вот мой код 

$(document).ready(function() {
        $( "#webappsearchresults12267, #portfolio-ul" ).sortable({
            helper: 'clone',
            connectWith: ".connect",
            scroll: false,
            tolerance: 'intersect',
        stop: function(){
            var order = $("#portfolio-ul").sortable('toArray');
            $("#CAT_Custom_196863").val(order);
        }

        })
    });

<ul id="#webappsearchresults12267>
<li>item-1</li>
<li>item-2</li>
<li>item-3</li>
</ul>
<ul id="#portfolio-ul">
<li>item-4</li>
<li>item-5</li>
<li>item-6</li>
</ul>

У меня также естьвариант для клонирования предмета, который я выбираю из первого списка ... "helper: 'clone", "не работает для меня,

Кто-нибудь есть идеи?Возможно, я смотрю не на решение с сортируемым списком, а с помощью перетаскивания ... с сортируемым списком для второго списка.

Есть идеи?

1 Ответ

2 голосов
/ 16 марта 2011

Прежде всего, удалите «#» из своих идентификаторов в HTML, затем используйте идентификаторы для элементов LI, чтобы получить некоторые данные при вызове «toArray». Я разместил рабочий пример:

HTML: 

<ul id="list1">
    <li id="ul_item_1">item-1</li>
    <li id="ul_item_2">item-2</li>
    <li id="ul_item_3">item-3</li>
</ul>
<br>
<br>
<ul id="list2">
    <li id="ul_item_4">item-4</li>
    <li id="ul_item_5">item-5</li>
    <li id="ul_item_6">item-6</li>
</ul>

JS 

$( "#list1" ).sortable({
    helper: 'clone',
    connectWith: "#list2",
    scroll: false,
    tolerance: 'intersect',
stop: function(){
    var order = $("#list2").sortable('toArray');
    alert( order );
}

}).disableSelection();

$( "#list2" ).sortable().disableSelection();

http://jsfiddle.net/CoolEsh/4XAXR/3/

...