jQuery Mobile 范围滑块没有足够的响应

Posted

技术标签:

【中文标题】jQuery Mobile 范围滑块没有足够的响应【英文标题】:jQuery Mobile range sliders not responsive enough 【发布时间】:2011-12-20 10:49:01 【问题描述】:

各位好心人, 我正在尝试使用 jQuery Mobile 滑块(范围),虽然它们工作得相当好并且在桌面浏览器上响应,但它们似乎不是非常敏感或易于在实际手机上使用(例如 android ) 与互联网网页交互时。

在 Android 上使用触摸屏的滑块交互非常笨拙且难以使用...我将简单地放弃使用滑块(并使用其他一些输入小部件,例如选择选择列表)

我想发表这篇文章,看看是否其他人在使用范围滑块时遇到了同样的挑战,因为如果没有,那一定是我为范围滑块实现 jQuery Mobile 代码的方式。

但如果其他人也对 jQuery Mobile 滑块有同样的问题,我很想知道其他人正在采取什么措施来缓解这个问题?

另外:我还没有尝试使用 PhoneGap 打包我的应用程序并将其作为应用程序导入到我的 Android 中......所以我想知道如果我使用 PhoneGap 将其放入应用程序中,范围滑块是否会表现得更好?

提前致谢

2011 年 11 月 4 日更新 - 这是我的测试 jqm 页面的链接 http://www.simdock.com/TestJQueryMobile-Simdockv1.htm

【问题讨论】:

请编辑您的问题并添加一些示例代码,可能是jsfiddle.net 我们讨论的是哪个版本的 jQM?更重要的是,您的滑块是否绑定到诸如 onchange 之类的事件? 还有。如果你用 PhoneGap 包裹滑块,我相当肯定滑块的性能会更差。 仅供参考:当在包含大量元素的长文档中显示时,滑块在桌面上也相当缓慢。 大家好...非常感谢您的反馈。对 Zancan 来说,是的,我正在使用 onchange 事件处理程序来捕获滑块范围更改事件并捕获值,然后在拖动/更改滑块时执行一些计算并进行一些动态更改 ...hmmmmm ...我有点怀疑这可能是性能不佳的原因(仅在手机上)......但关键是滑块有什么用? ...但我想也许手机,它仍然有限的 CPU 可能还没有准备好?但是对于 jqm 中的范围/滑块,其他开发人员在做什么呢? 【参考方案1】:

这是 jQuery Mobile 中的一个已知错误:https://github.com/jquery/jquery-mobile/issues/4164

【讨论】:

以上是关于jQuery Mobile 范围滑块没有足够的响应的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 knockout.js 正确绑定和初始化 jQuery Mobile 范围滑块?

jQuery Mobile 面板不应该在向左滑动时关闭

KnockoutJS 设置 jQuery Mobile 滑块的最大选项

滑块在 jQuery Mobile 中不起作用

没有默认 CSS 的 jQuery 范围滑块

如何在 jquery mobile 中获取释放点击事件的滑块值?