我可以在我已经制作的移动网站上使用jQuery Mobile吗？

Question

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

我正在尝试从表单和列表视图中选择jQuery，以用于增强我的网站。我试图通过重写我的大部分代码来做到这一点，因为我已经有一个很好的主题，我想保持我的网站。

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

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

可以在这里找到带有jQuery代码的网站，以查看来源：

http://www.beerportfolio.com/jmobile

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

http://www.beerportfolio.com/mobile

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

更新

仔细观察inspect元素我认为jquery是在我的页面中插入此代码。我尝试了很多，它解决了问题！问题是我只能在chrome inspect元素中使用这个代码而且我不知道如何阻止jquery mobile插入代码。

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

Answer 1

简短的回答是肯定的，你只能使用jQuery Mobile的点点滴滴。

你can tell JQM没有通过添加 data-role =“none”属性来增强任何特定的表单或按钮元素，或者你可以指定一个不应该的容器通过将 data-enhance =“false”添加到容器中进行增强（如果您这样做，那么您还需要set $.mobile.ignoreContentEnabled为true）。除此之外，您始终可以使用CSS来定位特定元素并“覆盖”JQM样式。

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

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

Answer 2

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

据jQuery Mobile documentation页面报道：

  

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

显然，由于jQuery Mobile需要自己的CSS（并且jQuery不需要），因此一旦包含在您的网站中，事物就会以不同的方式呈现。