noob关于使用jquery mobile的问题

时间:2011-07-28 18:13:32

标签: spring-mvc jquery-mobile velocity

在我开始之前必须解释一下,我是一个相对较小的菜鸟,在网络开发方面经验较少。我正在开发的某个网站需要基于触摸的设备即iphone,ipad,Android手机和平板电脑的swipeleft和swiperight功能。为了实现这一点,我被建议使用jQuery mobile,它听起来不错,因为我是jQuery的粉丝。 尽管谷歌都可以给我,但我要求澄清以下内容

  1. doctype强制要求使用html 5 像data-role

  2. 这样的属性
  3. 我的网站大量使用jQuery和jQueryUI,并将jQuery移动 扭曲了实施的实际设计布局。

  4. 我无法为移动和常规流量分隔视图层。

  5. 如果没有jQuery mobile适合基于移动设备的使用     影响正常的设计和功能将是最好的 方法     测试网站的多个触摸设备(模拟器     也许)。

  6. 这个好地方的简单英语细节会很精彩...... 提前谢谢!

    修改

    为了进一步深入了解我的问题,一个用于滑动功能的jQuery插件,如touchSwipe或wipeTouch,可以帮助我。  另外,如果我用我的代码实现了插件,那么从iPad或Android手机测试功能的最佳方法是什么。说一些插件就像火狐的IE模拟器,可以通过鼠标拖动识别滑动手势(只是贪婪和绝望)

    再次感谢...

2 个答案:

答案 0 :(得分:0)

如果您真的想要分离桌面/移动设备的视图,我在这里看到http://detectmobilebrowser.com/的推荐,但我还没有使用它。它提供了以各种语言或JavaScript在服务器端执行的代码。

jQuery Mobile的主要目的之一是提供特定于移动设备的UI;因此,如果您尝试将两个样式表都放在那里,那么样式肯定会与您当前的模板以各种方式发生冲突。如果您只想在当前站点上添加滑动支持,那么可能有很多jQuery插件可以帮助解决这个问题。

Re:HTML5,来自jQM文档,

  

jQuery Mobile网站必须以HTML5'doctype'开头才能完整   所有框架功能的优势。 (旧设备用   不了解HTML5的浏览器会安全地忽略'doctype'   和各种自定义属性。)

答案 1 :(得分:0)

JQuery mobile适用于网络应用程序,但是在JQuery Mobile中执行更多应用程序后,我建议现在就反对它。有很多手机不完全支持JQuery Mobile,你会遇到很多方法的问题,以及一般的页面布局。大多数黑莓和许多HTC手机都不支持JQuery Mobile以及许多其他手机。

检测您是否在桌面/移动设备上非常简单。只需在页面加载时查找user agent,然后相应地重定向。如果您愿意,我可以根据用户代理为您提供一些重定向方法。

如果您没有正确格式化页面,JQuery Mobile可能会扭曲您当前的设计。 JQuery Mobile将添加大量额外的css,并且解决这个问题可能具有挑战性,特别是对于其他JQuery元素。对话框是JQuery Mobile与JQuery不同的一个例子

最好的方法是通过模拟器进行测试。谷歌Chorme有一个Ripple添加,我倾向于使用,虽然它不是最可靠的。因为有这么多不同的手机,有时候尝试尽可能多的实时手机会更容易(不同的版本,平台,等等可能会与JQuery Mobile完全不同)