我对jquery领域还是个新手，但我也希望在移动设备上使用拖放代码。我已经研究过了，看起来我需要尝试一下Touch Punch，但我对如何将代码插入正确的位置非常不熟悉。
他们的意思是什么：
在jQuery UI之后和首次使用之前包含Touch Punch。
这是我想要实现的Touch Punch代码：https://github.com/furf/jquery-ui-touch-punch
在jQuery UI之后和首次使用之前包含Touch Punch。
请注意，如果您使用的是jQuery UI的组件，则必须在jQuery.UI.mouse.js之后包含Touch Punch，因为Touch Punch会修改其行为。
<script src="jquery.ui.touch-punch.min.js"></script>
这是我在桌面上使用的代码，我想在手机上工作：http://pastie.org/p/4G0wdFm3f9nXfOZyPiKJSs
谢谢！
如前所述，在<head>中，您需要定义如下脚本：
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>
<script src="jquery.ui.touch-punch.min.js"></script>
<script>$('#widget').draggable();</script>
通过这种方式，每个都将按顺序加载，因此首先加载jQuery，然后加载TouchPunch。TouchPunch使用了jQuery，这就是为什么之前需要加载它。
参见示例：https://jsfiddle.net/Twisty/kxw4caqh/6/移动测试：https://jsfiddle.net/Twisty/kxw4caqh/6/show
最好的做法是这样加载库和脚本：
- 造型
- 脚本库
- 脚本
- HTML
页面在下载时加载，并按顺序呈现。因此，如果jQuery需要在TouchPunch之前加载，那么它需要是"以上"；另一个。因为页面是自上而下执行的。
在jQuery UI之后和首次使用之前包含触摸冲压
---这意味着，您需要在任何JQueryUI脚本标记之后添加<script src="jquery.ui.touch-punch.min.js"></script>。因为touch-punch.min.js修改了jquery.ui.mouse.js的行为(可能是一些鼠标事件(，这些行为可能已经在任何ui标记中定义。此外，在用户首次使用之前添加该脚本，这样浏览器将从您的触摸冲压脚本加载所有功能。
正如我在你身上看到的代码http://pastie.org/p/4G0wdFm3f9nXfOZyPiKJSs，您真的不需要担心，因为您没有使用任何UI脚本。要使代码正常工作，只需在代码的前两个JQuery脚本标记后添加<script src="jquery.ui.touch-punch.min.js"></script>即可。
Wordpress的wp_enque_script是为类似这样的依赖性障碍而设计的。由于jquery可排序ui已经依赖于jquery，您只需要将其作为依赖项包含在每个文档中。以下是一个假设您正在制作儿童主题的示例：
add_action( 'wp_enqueue_scripts', 'your_child_enqueue_scripts' );
function your_child_enqueue_scripts() {
wp_enqueue_script('touch-punch', get_stylesheet_directory_uri().'/js/jquery.ui.touch-punch.min.js', ['jquery-ui-sortable'], null, true);
}
将其添加到functions.php文件中即可享受。