使用 jQuery Mobile 和 jQuery 可排序的第一页加载时触摸打孔不起作用

Posted

技术标签:

【中文标题】使用 jQuery Mobile 和 jQuery 可排序的第一页加载时触摸打孔不起作用【英文标题】:Touch punch not working on first page load with jQuery Mobile and jQuery sortable 【发布时间】:2019-12-27 00:57:57 【问题描述】:

我有一个使用 jQuery 2.0.3 在 Ruby on Rails 上运行的站点。 jQuery-UI 1.11.4 和 jQuery 移动 1.4.5。我有一个使用'rails_sortable' gem 实现的拖放可排序列表,它可以在桌面上完美运行,但不能在移动设备上运行,所以我添加了 touch-punch。这基本上解决了问题,但前提是我在初始页面加载后刷新页面。它不适用于第一页加载。仅供参考:我在移动设备上按句柄排序,但在桌面上按整个列表元素排序。

注意:“rails_sortable”gem 只是 jquery.ui.sortable 1.11.4 的包装器,因此它接受该版本的所有可排序选项。

jquery-ui-touch-punch 是最后加载的文件,因此它在所有其他 jQuery 库之后加载。浏览器开发工具指示文件已成功加载。我什至在 jquery-ui-touch-punch 脚本的底部添加了一个 console.log,表明它已加载。我向 jquery-ui-touch-punch 添加了一个幻像查询字符串,以确保 jQuery mobile 没有缓存文件。

我不知道如何解决此问题以及为什么触摸打孔仅在页面刷新后才起作用。任何帮助将不胜感激。

我正在使用 Query UI Touch Punch 0.2.3。

该站点是专有站点,只能通过用户登录访问。

【问题讨论】:

jQM 和 UI 会发生冲突。无论如何,尝试在 jQM 之前加载 UI。 【参考方案1】:

也可以尝试RWAP fork of touch-punch - 它包含对该代码的最新推荐更改,并已使用最新版本的 jQuery 进行了测试

【讨论】:

以上是关于使用 jQuery Mobile 和 jQuery 可排序的第一页加载时触摸打孔不起作用的主要内容,如果未能解决你的问题,请参考以下文章

jquery mobile,结合jquery mobile“页面”和内部页面

有人知道 jquery mobile 和 jquery 的哪些版本可以一起使用吗?

jquery , jquery ui 和 jquery mobile 如何组合在一起

jQuery 还是 jQuery Mobile?

jquery-ui-map 与新版本的 jquery mobile 和 jquery

jQuery .load() 不适用于 PhoneGap Build 和 jQuery Mobile