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

【问题标题】：Can I use Jquery UI and Jquery mobile in the same web application?我可以在同一个 Web 应用程序中使用 Jquery UI 和 Jquery mobile 吗？
【发布时间】：2012-07-12 13:30:13
【问题描述】：

我希望我的应用程序可以在桌面和 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 是否有助于在基于桌面的应用程序以及基于平板电脑的应用程序上正确显示？

【问题讨论】：

我不确定你是否完全理解 jQuery Mobile 到底是什么。您是否阅读过文档？
@Blazemonger：是的，但演示和所有内容看起来像是专门为移动应用程序构建的。我需要为桌面建立一个带有单独 URL 的单独网站吗？我希望桌面和移动设备的原生外观仅出现在移动设备上。
jQuery Mobile 更像是一种标记语言——它实际上是为移动应用程序而不是移动网站设计的，并且同时兼容 iPhone、iPad 和 Android。 jQuery-UI 是一组主要为桌面浏览器设计的小部件。您仍然可以将 jQuery 和 jQuery-UI 与 jQuery Mobile 一起使用，但您可能不应该这样做。
@Blazemonger：这句话是关键：“它真的是为移动应用程序设计的，而不是移动网站”。谢谢。这有助于我理解。你能说一下我应该使用什么方法在桌面版本上以不同方式（通常）显示我的网站，然后如果在浏览器中查看它应该切换到 Jquery 移动外观？

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

【解决方案1】：

jQuery Mobile 更像是一种标记语言——它实际上是为移动应用而不是移动网站而设计的，并且同时兼容 iPhone、iPad 和 Android。 jQuery-UI 是一组主要为桌面浏览器设计的小部件。您仍然可以将 jQuery-UI 与 jQuery Mobile 一起使用，但您可能不应该这样做。

如果您只是在处理一个基本网站，那么 CSS 媒体查询是您的最佳选择。谷歌那个确切的短语或just start here。

如果您仍想使用 jQuery Mobile，有多种方法可以将移动用户从您的公共网站重定向到移动网站。可能我会尝试的第一个是侵入性最小的：在顶部添加一个链接，将用户引导至移动网站，并使用上述 CSS 媒体查询向桌面用户隐藏它：

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

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

【讨论】：

【解决方案2】：

jquery 和 jquery mobile 的 css 之间存在冲突的可能性......此外，请尝试在 jquery mobile 上制作它，因为 jquery mbl 是专门为 ipad/iphone 制作的，并且在桌面上看起来也很整洁

【讨论】：

@tom 是的，你需要单独查看桌面和 mbl，因为桌面上的可用区域比 iPhone 大得多...试试 youtube 的功能...检测它是否在桌面上打开打开网址 www.youtube.com 或在 iphone 上打开的网址为 m.youtube.com
我知道会发生什么，但我不知道它“如何”发生。我的问题是它“如何”发生以及如何在我的网络应用程序中做到这一点。
查看stackoverflow.com/questions/6373010/…