Jquery 动态添加中的可排序div+；删除div

我正在尝试在动态添加+删除div中添加可排序选项

$（'.add'）。单击（函数（）{
$（'.added:last'）。在（'ItemNameDescriptionSizeQuantity'）之后；
});
$（'.optionBox'）。在（'单击'，'.remove'，函数（）上{
$（this.parent（）.remove（）；
});
（功能（）{
$（“#可排序”）.sortable（）；
});
您的代码运行正常。您只需要删除较旧的脚本，它是
1.12.0
的一个版本

<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>




$（'.add'）。单击（函数（）{
$（'.added:last'）。在（'ItemNameDescriptionSizeQuantity'）之后；
});
$（'.optionBox'）。在（'单击'，'.remove'，函数（）上{
$（this.parent（）.remove（）；
});
（功能（）{
$（“#可排序”）.sortable（）；
});
您必须稍微修改一下代码

您必须在每个创建的div上添加
可排序的

请注意以下事项：-

$('.add').click(function() {
  $('.added:last').append('<div class="addedline col-md-12"><div class="row"><div class="sort d-flex align-items-center"><i class="fa fa-bars"></i></div><div class="col-md-3 col-sm-12"><label>Item Name</label><input class="form-control"></div><div class="col-md-4 col-sm-12"><label>Description</label><input class="form-control"></div><div class="col-md-1 col-sm-12"><label>Size</label><input class="form-control"></div><div class="col-md-1 col-sm-12"><label>Quantity</label><input class="form-control"></div><div class="col-md-2 col-sm-12 remove"><input type="button" class="btn btn-info" value="Remove" /></div></div></div><br>');
  $('.optionBox').sortable({
    items: ".addedline"
  });
});
$('.optionBox').on('click', '.remove', function() {
  $(this).parent().remove();
});

在当前代码段中，需要在
jquery.min.js
之后添加
jquery.min.js
。也许这就是你实际上面临的问题。但我需要帮助，使添加的项目排序注意到这一点。但我需要帮助使添加的项目可排序。排序基于什么值？在哪里？添加多个项目后，项目可以拖动/排序到顶部和顶部bottom@Tat很高兴帮助你：）：）
$('.optionBox').on('click', '.remove', function() {
  $(this).closest('.addedline').remove();
});