jQuery Mobile适用于移动和桌面？

Question

我正在开发一个网络应用程序。 MySql / PHP后端，以及HTML / jQuery前端。

我想使用jQuery UI框架。

现在看到jQuery Mobile已经出局了，我希望尽可能让移动设备可以访问该应用程序。

我用谷歌搜索，但没有找到高质量的答案。

如果我使用jQuery Mobile，我可以使用相同的代码完成所有工作吗？

如果从移动浏览器访问，我希望它显示移动小部件 但是可以从桌面浏览器访问jQuery UI小部件。

这可能只是通过使用jQuery Mobile及其标记，或者我必须分别编写移动（jQuery Mobile）和桌面（jQuery UI）的前端？

也就是说，如果从桌面浏览器访问，jQuery Mobile可以自动“回退”到jQuery UI。

Answer 1

我认为这在很大程度上取决于你想要做什么以及你想要捕捉的功能。如果您希望网页在移动设备和同一桌面上以某种方式运行，那么通过一些仔细的编码/测试，您可以使用jquery.mobile。

如果您查看了jquery.mobile（未压缩版本）的CSS，您可以直接编辑代码，以便按照您希望的方式显示特定屏幕尺寸的HTML元素。只需选择适合桌面/大屏幕尺寸的尺寸即可。

根据您在移动版本方面的目标，我还会查看jQTouch - 它允许移动设备功能，例如“点击”（代替“点击”） “），作为一个例子 - 但也有一个desktopCompatability选项，因此它还原为桌面浏览器。

注意，使用这些库中的任何一个，您仍然需要根jquery库。

希望这有帮助。

Answer 2

首先，您必须考虑移动设备和桌面设备的工作流程差别很大。尝试在桌面版和移动版之间切换不仅仅是资源之间的切换。

其次，两个UI框架在使用方式上存在很大差异。 jQuery UI是一个小部件的集合，你可以在你喜欢和喜欢的地方调用它，它在某种意义上是库（ish），它有一个CSS框架支持它。 jQuery mobile的工作方式完全不同，但默认情况下它是一个标记驱动的框架，并且要启动并运行它不需要你甚至写一行Javascript。

我建议您将数据层视为公共代码，将客户端视为2个完全独立的工作。我个人已经设法使用常见的REST Web服务创建应用程序。我使用jQuery UI来使用webservices并为客户端创建mashup。然后我为移动版本使用webservices服务器端来生成jQuery-mobile html页面以便在移动设备上使用。

另请注意，使用jQuery Mobile在客户端生成动态HTML肯定会让您感到非常头疼。在项目成熟之前，我将仅使用它来增强框架的高度语义标记。创建一个良好的可靠数据层，其余的将很容易小便：）

Answer 3

以下是完整的源代码：https://github.com/ti-dev/Scrum-it，适用于开源Scrum Board，专为桌面设备和Apple iPad设计。因此，可以将这两个世界组合在一个网页中。