在前端开发中，拖放功能往往需要使用 jQuery Sortable 插件，可以通过鼠标拖动和释放元素来实现交互。然而，在某些情况下，我们需要通过编码方式来移动元素，同时仍然触发相关的事件，这就需要对 jQuery Sortable 的控制进行深入了解。
前置知识
在阅读本文之前，你需要具备以下知识：
- HTML
- CSS
- JavaScript
- jQuery
- jQuery Sortable
实现目标
我们的目标是通过编码方式将一个元素从列表中移动到另一个位置，并且仍然能够触发相应的事件（例如排序结束、项目移动、项目拖拽等）。
解决方案
要解决这个问题，我们可以使用 jQuery Sortable 提供的一些方法和事件。下面是实现细节：
步骤1：设置 HTML 和 jQuery Sortable
首先，我们需要准备两个列表，每个列表都有多个项目。我们将会将项目从第一个列表中移动到第二个列表中。
HTML 代码示例：
--- -------------- --------------------------
-------- ------
-------- ------
-------- ------
-----
--- -------------- --------------------------
-------- ------
-------- ------
-------- ------
-----接下来，我们需要使用 jQuery Sortable 初始化这两个列表，并启用拖放功能。还要注意将两个列表连接起来（connectedSortable 类），以允许项目在它们之间移动。
------------ -
----------------------------------
------------ --------------------
---
---步骤2：编写代码来移动元素
我们可以使用 jQuery Sortable 提供的 sortable() 方法来实现编程方式移动元素。该方法需要传递一个对象，该对象包含以下属性：
items：指定要移动的项目的选择器。appendTo：指定要将项目附加到的元素的选择器。helper：指定帮助元素的样式。cursorAt：指定帮助元素相对于光标的位置。start：在排序开始时触发的回调函数。stop：在排序结束时触发的回调函数。
我们将使用 sortable() 方法来将第三个项目从第一个列表移动到第二个列表中。首先，我们需要找到该项目的 DOM 元素并将其传递给 sortable() 方法。
--- ---------- - ------------- ------------------
接下来，我们需要调用 sortable() 方法并传递一些选项。这里，我们只需要设置 appendTo 属性为第二个列表的选择器即可。
---------------------
--------- ------------
---最后，我们需要调用 sortable() 方法的 refreshPositions() 方法，以确保元素的位置正确。然后，我们可以调用 trigger() 方法来触发相关事件。
---------------------------------------- --------------------------------------------- ------------------------------------ ------------------------------------
现在，我们已经成功地将项目从一个列表移动到另一个列表中，并且仍然能够触发相应的事件。
完整代码示例：
------------ -
----------------------------------
------------ --------------------
---
--- ---------- - ------------- ------------------
---------------------
--------- -------------
------ --------------- --- -
-- -----
----------------------------------------------------------- ----------
---------------------------------------------------------------------------------------