Clone LI из обычного несортированного списка UL в сортируемый список - PullRequest
Новая
       30

Clone LI из обычного несортированного списка UL в сортируемый список

0 голосов
/ 15 января 2012

У меня есть несортированный список UL с результатами поиска.Я хочу, чтобы пользователь мог щелкнуть по нужному им LI и получить полную копию LI в сортируемом списке пользовательского интерфейса jQuery, где они могут упорядочить и отсортировать после выбора необходимого количества элементов.В рассматриваемом LI формируются отрезки, изображения и скрытое поле, содержащее JSON.

HTML: 

<li onclick="cloneToSortable(this);"><img src="item.jpg"> <span>Result Name</span> <input type="hidden" name="0arr" value='{"field1":"val1","field2":"val2","field3":"val3"}' /></li>
<li onclick="cloneToSortable(this);"><img src="item.jpg"> <span>Result Name</span> <input type="hidden" name="1arr" value='{"field1":"val1","field2":"val2","field3":"val3"}' /></li>
<li onclick="cloneToSortable(this);"><img src="item.jpg"> <span>Result Name</span> <input type="hidden" name="2arr" value='{"field1":"val1","field2":"val2","field3":"val3"}' /></li>
<li onclick="cloneToSortable(this);"><img src="item.jpg"> <span>Result Name</span> <input type="hidden" name="3arr" value='{"field1":"val1","field2":"val2","field3":"val3"}' /></li>

Javascript: 

function cloneToSortable(li)
{
    $('#itemSearchList ul li:eq('+$(li).index()+')').clone().appendTo('#sortable');
}

Это не дает мне сообщения об ошибке, но также ничего не дает в списке сортировки.Есть идеи почему ??

1 Ответ

1 голос
/ 31 января 2012 
$(li).clone().appendTo('#sortable')

Было именно то, что мне нужно для этой проблемы

...