使jqueryUI滑块在触摸屏上工作

nkcskrwz  于 2023-08-04  发布在  jQuery
关注(0)|答案(1)|浏览(113)

我今天使用的是一个rails应用程序,它显示了一个用jquery-ui-slider组件构建的滑块。
我已经安装了jquery

yarn install

字符串
并在 application.js 中导入jquery-ui-component如下:

import "jquery-ui/ui/widgets/slider";


当我在移动终端上测试我的应用程序时,滑块按钮的拖放不起作用。我发现这是完全正常的,因为jquery不提供触摸功能。
我试着使用jquery.ui.touch-punch.min如下,但它不工作。

<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>


我是否需要上传触摸冲床的源代码并放入文件中?如果是,在哪里?
然后我试图使用touchpunch-rails宝石没有成功。.
是否存在其他方式来实现触摸功能?

vdgimpew

vdgimpew1#

我最终得到了这个工作如下。我从我的Gemfile中删除了touchpunch宝石。我需要此文件通过://= require ./touch_slider/jquery.ui.touch-punch.min.js。我从以下位置下载了此.js文件:https://www.cdnpkg.com/jqueryui-touch-punch/file/jquery.ui.touch-punch.min.js/ .它工作:我现在可以在移动终端上滑动滑块。(注意:仅仅使用TouchPunch宝石对我不起作用)

相关问题