我可以在同一个Web应用程序中使用Jquery UI和Jquery mobile吗?

时间:2012-07-12 13:30:13

标签: jquery asp.net jquery-ui asp.net-4.0

我希望我的应用程序能够在桌面和Ipad上正常显示。我快速浏览了一下Jquery mobile,它看起来非常简单。我的问题是:我已经引用了Jquery UI。 Jquery UI是否会干扰Jquery mobile?

如果Jquery mobile也可用于基于桌面的Web应用程序,那么我们为什么要使用Jquery UI。为什么人们总是不使用Jquery Mobile,以便他们自动获得基于Ios的设备的视图?

我太糊涂了。当我在已经拥有Jquery UI的网站中添加对Jquery mobile的引用时会发生什么?我不想破坏我的网站。有什么建议吗?

我使用的是Asp.Net 4.0 Vanilla,还有很多gridview等。请问jquery mobile能否正确显示基于桌面的应用程序以及平板电脑?

2 个答案:

答案 0 :(得分:2)

jQuery Mobile更像是一种标记语言 - 它专为移动应用而设计,而非移动网站,以及与iPhone,iPad和Android的兼容性。 jQuery-UI是一组小部件,主要用于桌面浏览器。你仍然可以在jQuery Mobile中使用jQuery-UI,但你可能不应该这样做。

如果您只是使用基本网站,那么CSS媒体查询就是您的选择。谷歌的确切短语或just start here

如果您仍想使用jQuery Mobile,可以通过多种方式将移动用户从您的公共网站重定向到移动用户。可能我会尝试的第一个是最不具侵入性的:在顶部添加链接将用户引导到移动网站,并使用上述CSS媒体查询将其隐藏在桌面用户之外:

@media all and (min-width: 701px) {
    #link-to-mobile-site {
        display: none;
    }
}

这样,移动访问者可以随时继续使用完整的网站,在他们不需要时为他们提供易于书签的链接,并为您创建最少的工作。

答案 1 :(得分:0)

Jquery和jquery移动设备的CSS之间可能存在冲突...而且尝试在jquery移动设备上进行冲突,因为jquery mbl是专门为ipad / iphone制作的,并且在桌面上看起来很整洁