通过JQuery Mobile构建桌面应用程序

Question

我想为桌面计算机创建一个应用程序。

我想使用JQuery Mobile的强大功能。

但默认情况下，JQuery会在一行中添加每个控件。它在手机中看起来不错，如下图所示：

但是在大​​屏幕上它会很难看：

我的问题是：有没有办法用JQuery Mobile设计应用程序，多列样式？

如何使用JQuery Mobile创建水平滚动应用程序？（我的意思是，就像在页面中没有垂直滚动的Windows 8 metro应用程序一样。它们在页面中有水平滚动）

Answer 1

jQuery Mobile也适用于桌面。只需使用grid来构建您的内容。

我认为jQuery Mobile的真正优势迟早是，你只需要编写一次，就可以在每台设备上进行部署，从台式机到平板电脑再到智能手机。虽然有一些方法可以用于jQuery Mobile，但这将是我希望它发展的方向。

有一堆水平滚动插件可用。尝试使用JQuery Mobile pagaintion获取页面，photoswipe获取图片，或overthrow获取内容。

Answer 2

将Jquery mobile用于桌面应用程序并不是一个好主意。相反，使用JQuery移动设备使用Jquery UI和移动应用程序编写桌面应用程序是一个好主意。根据客户端类型（移动或桌面），使用适当的库并呈现响应。

您可能希望查看支持多个平台的Haxe http://haxe.org/。您可能会发现用一种语言编写应用程序并交叉编译到许多其他目标平台/语言很有意思。

Answer 3

只需使用布局网格。演示文稿在此处提供：http://demos.jquerymobile.com/1.3.0-rc.1/docs/content/content-grids.html

Answer 4

我已经做了一些实验，将HTML5应用程序构建为桌面应用程序，使用Python创建webkit窗口并在其中嵌入网站。如果你愿意，我建议你使用JQuery，但是JQuery或JQuery UI，而不是JQuery Mobile，因为它是专为触摸设备设计的，不适用于桌面环境。 jQuery Mobile为桌面提供了什么，JQuery UI没有？

Answer 5

您可以模仿jQM演示站点的两列方法

• http://jquerymobile.com/demos/1.1.0/docs/about/intro.html

对于滚动，你可以使用类似的东西

• http://code.jquery.com/mobile/latest/demos/experiments/scrollview/
• http://code.jquery.com/mobile/latest/demos/experiments/scrollview/scrollview-direction.html（水平滚动）