使用jQuery Mobile构建桌面应用程序

9

我想创建一个桌面电脑应用程序。

我想利用JQuery Mobile的优势.

但是默认情况下,JQuery会将每个控件添加到一行中。在手机上看起来很漂亮,如下图所示:

enter image description here

但在大屏幕上看起来很丑陋:

enter image description here

我的问题是:是否有任何方法可以使用多列样式设计JQuery Mobile应用程序?

如何使用JQuery Mobile创建水平滚动应用程序? (我的意思是,就像Windows 8 Metro应用程序那样,在页面中没有垂直滚动。它们在页面中具有水平滚动)

5个回答

4

jQuery Mobile在桌面设备上也表现出色。只需使用网格来组织内容。

我认为jQuery Mobile的真正优势迟早会体现出来,即您只需要编写一次,就可以在桌面、平板电脑、智能手机或其他设备上部署。尽管jQuery Mobile还有一些进步空间,但这是我希望它发展的方向。

有许多可用的水平滚动插件。尝试使用JQuery Mobile 分页插件进行分页,photoswipe插件用于图像,或overthrow插件用于内容。


谢谢,但是 overthrow 似乎有垂直滚动条,而不是水平滚动条。我想要水平滚动,就像 Windows 8 Metro 菜单一样... - Mahdi Ghiasi
1
@Mahdi:我两种方式都使用了,效果很好。只需将类名 overthrow 分配给一个元素,修复其宽度(比如200像素),并具有更大宽度的嵌套元素(比如1000像素)。然后就可以滚动了。 - frequent
仍然使用1.4版本,因为导航栏小部件需要它。你可以查看CSS表格布局:fixed。 - frequent

2

jqm还具有响应式网格(滚动到链接底部)。 - Jerther

2
不建议在桌面应用中使用Jquery mobile。相反,最好使用Jquery UI编写桌面应用程序,并使用JQuery mobile编写移动应用程序。根据客户端类型(移动设备或桌面电脑),使用适当的库并呈现响应。
您可能想要了解Haxe http://haxe.org/,它支持多个平台。您可能会发现用一种语言编写应用程序并交叉编译到许多其他目标平台/语言很有趣。


1

我曾经尝试过使用Python创建一个webkit窗口并将网站嵌入其中,将HTML5应用程序构建为桌面应用程序。如果您想要的话,我建议您使用JQuery,但是请使用JQuery或JQuery UI,而不是JQuery Mobile,因为它是为触摸设备设计的,而不是为桌面环境设计的。jQuery Mobile在桌面上能给您带来什么,而JQuery UI却不能呢?


我的目标是创建一个跨平台的应用程序,可以在桌面和移动手机上使用,并带有响应式JQuery Mobile用户界面。 - Mahdi Ghiasi
你可以使用JQuery Mobile,但并不是必须的。无论是否使用JQuery Mobile,你都需要学习响应式设计。响应式设计更多地涉及CSS而非JavaScript。 - sgmonda

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接