【问题标题】：how does jquery , jquery ui and jquery mobile fit togetherjquery , jquery ui 和 jquery mobile 如何组合在一起
【发布时间】：2012-07-05 10:34:30
【问题描述】：
如果目标是开发一个当前将在台式计算机上使用但最终也将支持移动设备（如智能手机或平板电脑）的网络应用程序，那么在组织代码时建议采用什么策略？是否应该有一组用于桌面客户端的代码，然后是一组用于移动客户端的代码？过去我使用过 jquery 和 jquery ui 。 jquery 、 jquery ui 和 jquery mobile 如何在 Web 应用程序中组合在一起？为非移动 Web 客户端和移动 Web 客户端开发之间的主要区别是什么？
我正在使用 asp.net mvc 。
我的赞助商更喜欢单页网络应用程序。所以我正在研究 Knockout.js 。我也在研究一些小部件集，例如
dhtmlx
jqwidgets
请随时评论我的选择。
【问题讨论】：
标签：
javascript
jquery
asp.net-mvc
jquery-ui
jquery-mobile
【解决方案1】：
为了简单明了 - 您应该使用（或考虑使用）Responsive Web Design。主要思想是您开发 CSS 以根据屏幕宽度处理重新调整大小/重新组织。这使您可以处理屏幕足够宽以被识别为桌面屏幕的情况，同时能够调整到移动屏幕尺寸 - 无论设备如何。
让您的 CSS 调整页面上元素的大小/位置，您可以为所有用户使用一组代码（无需单独的移动/桌面网站）。您只需花费更多的时间和精力来设计您的网站来处理页面宽度的调整。
jquery 库在移动设备上的工作方式与在“传统”平台上的工作方式相同。不过，有时您可能希望利用各种 jquery 库的移动增强版本。
- 示例：当您在导航菜单上有嵌套链接时，当您单击“衬衫”之类的类别，然后是“按钮向上”之类的子类别，然后是子子类别时，该链接会出现。类别，例如“蓝色”。在“传统”平台上，用户可以将鼠标光标悬停在元素上以展开嵌套 - 在移动平台上，用户可能希望点击每个类别/子类别以展开嵌套导航按钮。
这完全取决于您网站的设计 - 在设计响应式网站时，我通常在用于“移动”和“桌面”设备的视图之间的脚本几乎没有变化 - 所以任何一个的开发对我来说都没有变化，我将新网站视为“响应式”网站，并从一开始就考虑到可调整大小的浏览器。
此外，有关 jquery、jquery ui 和 jquery 移动库的详细信息，请参阅link that Tats_innit referenced。