jQuery Mobile的移动和桌面?

我正在开发一个Web应用程序。 MySql / PHP后端和HTML / jQuery前端。

我想使用jQuery UI框架。

现在看到,jQuery Mobile已经不在了,我想尽可能让移动设备可以访问应用程序。

我谷歌search,但没有find一个高质量的答案。

如果我使用jQuery Mobile,我可以使所有工作形成相同的代码吗?

如果从移动浏览器访问,我想要显示移动小部件。
但是使用jQuery UI小部件是从桌面浏览器访问的。

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

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

我认为这在很大程度上取决于你想要做什么和你试图捕捉的function。 如果你想让一个网页在移动设备和相同的桌面上以某种方式行事,那么通过一些仔细的编码/testing,你就可以和jquery.mobile一起使用了。

如果您查看了jquery.mobile(未压缩版本)的CSS,则可以直接编辑代码,以特定屏幕大小的方式显示HTML元素。 只需select适用于桌面/大屏幕尺寸的尺寸即可适当缩放。

作为一个例子,根据你的手机版本,我还会看看jQTouch–它允许特定于手机的function,比如“点击”(代替“点击”),但也有一个desktopCompatability选项,所以它恢复为桌面浏览器。

一个注意,无论这些库中,你仍然需要根jQuery库。

希望这可以帮助。

首先,你将不得不考虑移动和桌面的工作stream程差别很大。 试图在桌面版本和移动版本之间翻转不会仅仅是资源之间的切换。

其次,这两个UI框架在使用方式上差别很大。 jQuery UI是一个小部件的集合,你可以在你喜欢的时候调用它,它在一个支持它的CSS框架的感​​觉库(ISH)中。 然而,jQuery mobile的工作方式却大不相同,默认情况下,它是一个标记驱动的框架,为了让它运行起来并不需要你编写一行Javascript。

我的build议是将数据层视为您的通用代码,将客户端视为完全独立的工作。 就我个人而言,我设法使用常见的REST Web服务来创build应用程序。 我使用jQuery UI来使用Web服务,并为客户端创build混搭。 然后,我为移动版本使用webservices服务器端来生成jQuery-mobile html页面以供在移动设备上使用。

另外请注意,使用jQuery Mobile在客户端生成dynamicHTML肯定会给您带来很大的麻烦。 直到项目成熟,我才会用它来增强框架的高度语义标记。 创build一个良好的可靠数据层,其余部分将会很容易:)

这里是完整的源代码: https : //github.com/ti-dev/Scrum-it为一个开源的Scrum板,它是专为桌面设备和苹果iPad。 所以有可能把这两个世界结合在一个网页上。