0

我还是 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

谢谢！

4

2 回答 2

1

如前所述，<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 之前加载，它需要“高于”另一个。因为页面是自上而下执行的。

于 2022-01-23T21:53:48.917 回答
0

在 jQuery UI 之后和首次使用之前包括 Touch Punch

--- 这意味着，您需要<script src="jquery.ui.touch-punch.min.js"></script>在任何 JQuery UI 脚本标记之后添加。因为 touch-punch.min.js 修改了 jquery.ui.mouse.js 的行为（可能是一些鼠标事件），这些行为可能已经在任何 UI 标记中定义。还要在用户第一次使用之前添加该脚本，以便浏览器从您的触摸打孔脚本加载所有功能。

正如我在http://pastie.org/p/4G0wdFm3f9nXfOZyPiKJSs的代码中看到的那样，您不必担心，因为您没有使用任何 UI 脚本。要使您的代码正常工作，只需<script src="jquery.ui.touch-punch.min.js"></script>在代码中的前两个 JQuery 脚本标签之后添加。

于 2022-01-22T03:30:58.263 回答