jquery、jquery ui和jquery mobile如何配合使用？

Question

如果目标是开发一个当前将在台式计算机上使用但最终也将支持智能手机或pads等移动设备的web应用程序，那么在组织代码时建议采用什么策略？是否应该先为桌面客户端编写一组代码，然后再为移动客户端编写一组代码？在过去，我使用过jquery和jquery ui。jquery，jquery ui和jquery mobile如何在一个web应用中结合在一起？开发非移动web客户端和移动web客户端之间的主要区别是什么？我使用的是asp.net mvc。我的赞助商更喜欢单页面的web app。所以我正在调查Knockout.js。我还在研究一些小部件集，如dhtmlx jqwidgets，请随时评论我的选择。

Answer 1

为简单起见，您应该使用(或考虑使用) Responsive Web Design。主要思想是开发CSS以根据屏幕的宽度来处理重新调整大小/重新组织。这使您能够处理屏幕宽度足以被识别为桌面屏幕的情况，同时能够调整以适应移动屏幕大小-无论设备是什么。

让CSS调整页面上元素的大小/位置允许您为所有用户提供一组代码(没有单独的移动/桌面站点)。你只需要花更多的时间和精力来设计你的网站来处理页面宽度的重新调整。

jquery库在移动平台上的工作方式与在传统平台上的工作方式相同。但是，有时您可能想要利用各种jquery库的移动增强版本。

• 举个例子:当你点击导航菜单上的嵌套链接，比如“衬衫”，然后是一个子类别，比如“扣起来”，然后是一个子类别，比如“蓝色”。在“传统”平台上，用户可以将鼠标光标悬停在元素上以扩展嵌套。在移动平台上，用户可能想要点击每个类别/子类别来扩展嵌套导航按钮。

这完全取决于你的网站的设计--在设计响应式网站时，我通常在“移动”和“台式机”设备的视图之间有很小的差异-所以对我来说，这两种设备的开发都没有什么不同，我将新网站视为“响应式”，并从一开始就考虑到了可调整大小的浏览器。

此外，有关jquery、jquery ui和jquery移动库的详细信息，请参阅link that Tats_innit referenced。