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')

正是我需要解决这个问题

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

1 个答案: