将 LI 从正常的未排序 UL 列表克隆到可排序列表

Question

我有一个显示搜索结果的未排序 UL 列表。我希望用户能够单击他们所需的 LI 并将整个 LI 复制到 jQuery UI 可排序列表中，他们可以在选择所需数量的项目后对其进行排序和排序。有问题的 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');
}

这不会给我任何错误消息，但它也不会在可排序列表中给我任何东西。任何想法为什么？？

Answer 1

$(li).clone().appendTo('#sortable')

正是我解决这个问题所需要的