1

我已经用 PHP 自己构建了一个移动网站，并希望使用 jQuery Mobile 使其在移动设备上更好地显示。

我正在尝试从 jQuery 中挑选出一些部分，例如用于增强我的网站的表单和列表视图。我试图在不重写我的大部分代码的情况下做到这一点，因为我已经有了一个不错的主题，我想保留我的网站。

我尝试做的第一件事是使用 jQuery Mobile 中的表单元素，当我将它们插入我的页面时，它使所有内容都歪斜了。

在此处输入图像描述

在我插入 jQuery Mobile 代码之前，它看起来像这样：

在此处输入图像描述

可以在此处找到带有 jQ​​uery 代码的网站以查看源代码：

http://www.beerportfolio.com/jmobile

可以在这里看到没有 jQuery Mobile 代码的网站：

http://www.beerportfolio.com/mobile

我认为这是一个 CSS 问题，但我无法通过在 Chrome 上使用检查元素找到它。

更新：

仔细观察检查元素，我认为 jquery 正在我的页面中插入此代码。我试着把它拿出来很多，它解决了这个问题！问题是我只能在 chrome 检查元素中取出这段代码，我不知道如何防止 jquery mobile 插入代码。

下面是我编辑的和我没有编辑的检查元素的图片：

在此处输入图像描述

4

2 回答 2

1

简短的回答是，您可以只使用 jQuery Mobile 的零碎。

您可以通过向其添加data-role="none"属性来告诉JQM 不增强任何特定的表单或按钮元素，或者您可以通过将data-enhance="false"添加到容器（如果你这样做，那么你还需要设置为 true）。除此之外，您始终可以使用 CSS 来定位特定元素并“覆盖”JQM 样式。 $.mobile.ignoreContentEnabled

此外，还有一个下载构建器，您可以在其中指定要下载框架的哪些部分。

在您的特定示例中，您可能希望将侧边栏 div 移动到您的 *data-role="content" div 或data-role="page" div 之外。

于 2013-01-18T05:23:47.863 回答
0

jQuery Mobile 是 jQuery 的扩展，因此它需要jQuery 才能正常工作。

正如jQuery Mobile 文档页面所报告的：

欢迎。jQuery Mobile 是构建可在所有流行的智能手机、平板电脑和桌面设备上访问的网站和应用程序的最简单方法。对于 jQuery 1.7.0 到 1.8.2。

显然，由于 jQuery Mobile 需要它自己的 CSS（而 jQuery 不需要），一旦包含在您的网站中，就会呈现不同的内容。

于 2013-01-18T03:49:22.267 回答