我正在开发一个网络应用程序。 MySql/PHP 后端和 HTML/jQuery 前端。
我想使用 jQuery UI 框架。
现在看到 jQuery Mobile 已经发布了，我想让该应用程序尽可能地被移动设备访问。
我在 Google 上搜索过，但没有找到高质量的答案。
如果我使用 jQuery Mobile，我可以让所有代码都使用相同的代码吗？
如果从移动浏览器访问，我希望它显示移动小部件。
但是使用 jQuery UI 小部件是从桌面浏览器访问的。
这是否可能仅通过使用 jQuery Mobile 及其标记来实现，或者我必须分别为移动 (jQuery Mobile) 和桌面 (jQuery UI) 编写前端？
也就是说，如果从桌面浏览器访问，jQuery Mobile 能否自动“回退”到 jQuery UI。
【问题讨论】：
标签： jquery jquery-ui mobile jquery-mobile
这里是完整的源代码：https://github.com/ti-dev/Scrum-it 用于为桌面设备和 Apple iPad 设计的开源 Scrum Board。因此可以将这两个世界结合在一个网页中。
【讨论】：
我认为这在很大程度上取决于您想要做什么以及您想要捕捉的功能。如果您希望网页在移动设备和同一桌面上以某种方式运行，那么通过一些仔细的编码/测试，jquery.mobile 就可以了。
如果您查看 jquery.mobile 的 CSS（未压缩版本），您实际上可以直接编辑代码以针对特定屏幕尺寸以您希望的方式显示 HTML 元素。只需为桌面/大屏幕尺寸选择一个即可适当缩放。
根据您在移动版本方面要完成的工作，我还会查看jQTouch - 它允许特定于移动设备的功能，例如“点击”（代替“点击”） ，例如 - 但也有一个 desktopCompatability 选项，因此它恢复为桌面浏览器。
请注意，使用这些库中的任何一个，您仍然需要根 jquery 库。
希望这会有所帮助。
【讨论】：
首先，您必须考虑到移动设备和桌面设备的工作流程大不相同。尝试在桌面版和移动版之间切换不仅仅是资源之间的切换。
其次，这两个 UI 框架在使用方式上存在很大差异。 jQuery UI 是一个小部件的集合，你可以在你喜欢的时候和你喜欢的地方调用它们，它在某种意义上是一个带有 CSS 框架支持的库（ish）。然而，jQuery mobile 的工作方式完全不同，默认情况下它是一个标记驱动的框架，并且要启动和运行它甚至不需要编写 1 行 Javascript。
我对您的建议是将数据层视为您的公共代码，将客户端视为 2 个完全独立的工作。就我个人而言，我已经设法使用常见的 REST Web 服务创建应用程序。我使用 jQuery UI 来使用 web 服务并为客户端创建 mashup。然后，我为移动版本使用 web 服务服务器端来生成 jQuery-mobile html 页面以供在移动设备上使用。
另外请注意，使用 jQuery Mobile 在客户端生成动态 HTML 肯定会让您非常头疼。在项目成熟之前，我只会使用它来增强框架的高度语义标记。创建一个好的实体数据层，剩下的就很容易了:)
【讨论】：