jquery,jquery ui和jquery mobile如何组合在一起

时间:2012-07-05 02:43:35

标签: javascript jquery asp.net-mvc jquery-ui jquery-mobile

如果目标是开发一个目前将在台式机上使用但最终还支持移动设备(如智能手机或平板电脑)的网络应用程序,那么在组织代码时建议采用哪些策略?是否应该为桌面客户端设置一组代码,然后为移动客户端设置一组代码?在过去,我使用过jquery和jquery ui。 jquery,jquery ui和jquery mobile如何在Web应用程序中组合在一起?开发非移动Web客户端和移动Web客户端之间的主要区别是什么? 我正在使用asp.net mvc。 我的赞助商更喜欢单页网页应用。所以我正在研究Knockout.js。我也在研究一些小部件集 dhtmlx jqwidgets 请随时评论我的选择。

1 个答案:

答案 0 :(得分:3)

为了简单和简洁 - 你应该使用(或考虑使用)Responsive Web Design。主要的想法是根据屏幕的宽度开发CSS来处理重新调整大小/重新组织的过程。这使您可以处理屏幕宽度足以被识别为桌面屏幕同时能够调整到移动屏幕尺寸的情况 - 无论设备如何。

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

jquery库在移动设备上的工作方式与在“传统”平台上的工作方式相同。有时您可能希望利用各种jquery库的移动增强版本。

  • 一个例子:当你点击一个类似“衬衫”这样的类别时出现的导航菜单上有嵌套链接,然后是一个子类别,如“按钮”,那么一个子子类别,“蓝色”。在“传统”平台上,用户可以将鼠标光标悬停在元素上以扩展嵌套 - 在移动平台上,用户可能希望点击每个类别/子类别以展开嵌套导航按钮。

这完全取决于您网站的设计 - 在设计响应式网站时,我通常在用于“移动”和“桌面”设备的视图之间的脚本变化非常小 - 因此,对于我的开发不会因我而异,I将新网站视为“响应式”,并从一开始就考虑到重新调整大小的浏览器进行设计。

另外,有关jquery,jquery ui和jquery移动库的详细信息,请参阅link that Tats_innit referenced