使用jQuery从字符串创建ul列表

我有这个工作，但我不能让它在我现有的代码工作

我需要做的是：

因此，当我将复选框中的功能添加到div中时，它会将它们放在一个列表中。我有每一个功能的工作，但不知道如何结合这两个

因此，当您将复选框中的功能添加到div中时，它会将功能字符串添加为一个列表，我可以将其拖动

---

干杯

我想回答这个问题最简单的方法就是做个示范

希望这就是你想要的，我会为你分解代码

首先，我合并了文档就绪函数调用，并折叠了在适当的时间使用相同选择器的任何jQuery语句。这导致了初始化代码，即：

$(function() {

    $("#sortable").sortable().disableSelection();
    $('#cblistp input').click(additionalFeatures);

    additionalFeatures();
});

然后我折叠了原始的

allVals

数组，并用jQuery的

map

函数替换它。

map

函数本质上是

每个

函数，其结果的额外好处是返回的任何元素的数组。在

map

函数中，我们只需逐个返回所有选定HTML输入的

.value

。然后，我用稍微好一点的

，

加入他们。这给了我们：

// add additional features
function additionalFeatures() {   
    // map the selected items
    var text = $.map($('#cblistp :checked'), function(input) {
        return input.value;
    }).join(', ');

    $('#additionalFitFeatures').text(text);
};

​除此之外，如前所述，

map

功能的作用类似于

每个

功能。这允许我们在选择要显示在

div

中的文本的同时构建一个新的可排序列表。首先我们需要清除旧的排序表，然后我们将添加选定的项，最后我们将构造一个新的排序表。这给了我们以下信息：

// add additional features
function additionalFeatures() {
    // clear out the old sortable
    var sortableList = $('#sortable').sortable('destroy').find('li').remove().end();

    // map the selected items
    var text = $.map($('#cblistp :checked'), function(input) {
        sortableList.append('<li>' + input.value + '</li>');            
        return input.value;
    }).join(', ');

    $('#additionalFitFeatures').text(text);
    sortableList.sortable();
};

//添加其他功能
函数additionalFeatures（）{
//清除旧的杂物
var sortableList=$（'#sortable'）。sortable（'destroy'）。find（'li'）。remove（）.end（）；
//映射所选项目
var text=$.map（$（'#cblistp:checked'），函数（输入）{
sortableList.append（'
'+input.value+'
'）；
返回input.value；
})。加入（‘，’）；
$（“#附加功能”）.text（text）；
sortableList.sortable（）；
};

谢谢您的回复。但是，当您单击复选框时，我只需要它来显示div中可拖动的功能。当前在div中的功能字符串需要替换为可拖动的li功能。当我在“additionalFitFeatures”div中移动HTML

时，一切都不起作用。所以我只需要div中的可拖动功能？？？如果我说得通哈，干杯