jQuery over Jquery mobile,用于处理多个设备的普通Web应用程序

时间:2012-09-19 18:32:01

标签: jquery html5 mobile tablet touchscreen

背景

我正在开发一个类似于trello的Web应用程序,其中页面被分隔成列,任务/卡可以添加到每列,或者在它们之间拖放。

这将主要基于桌面,并具有更多功能,如左手信息列,以及通过添加更多列和更改样式等来创建自定义布局的功能。

通常情况下,我会使用JQuery为HTML和CSS构建这个功能。

问题/疑问

虽然它主要是台式机使用,但我们也知道它可能会用于平板电脑设备,如iPad或表面。此外,随着Windows 8的推出,一些台式机将开始拥有更多我们想要满足的触摸界面。

我的问题是,使用jQuery Mobile而不是jQuery本身构建它是明智的,因为我听说标准jQuery并没有真正设置好处理触摸屏交互。另外,从我所看到的jQuery mobile看来,它似乎非常专注于布局和样式,这可能是非常习惯的。

不想使用jQuery Mobile并且最终必须删除,覆盖或隐藏样式和功能以使其按我的意愿工作,但同时又不想使用jQuery Standard而且它不起作用在平板电脑和触摸设备上。

Dot担心移动必然因为屏幕尺寸,我可能需要专门开发移动版本。

由于 肖恩

1 个答案:

答案 0 :(得分:0)

如果您希望在没有所有jquery移动视觉样式的情况下为您的webapp添加触摸兼容性,那么您应该查看Hammer.js

它是一个支持很多常见触摸事件的javascript库,例如:

1. Tap 
2. Double-Tap 
3. Swipe 
4. Hold 
5. Transform 
6. Drag

以浏览器无关的方式