我自己用 PHP 构建了一个移动网站,并想使用 jQuery Mobile 的一部分使其在移动设备上显示得更好。
我正在尝试从 jQuery 中挑选出一些片段,例如用于增强我的网站的表单和 ListView 。我试图在不重写大部分代码的情况下做到这一点,因为我已经有了一个不错的主题,我想保留我的网站。
我尝试做的第一件事是使用 jQuery Mobile 的表单元素,当我将它们插入到我的页面中时,一切都变得歪斜了。
在我插入 jQuery Mobile 代码之前,它看起来像这样:
可以在此处找到包含 jQuery 代码的网站以查看源代码:
http://www.beerportfolio.com/jmobile
没有jQuery Mobile代码的网站可以在这里看到:
http://www.beerportfolio.com/mobile
我认为这是一个 CSS 问题,但我无法通过在 Chrome 上使用检查元素找到它。
更新:
仔细观察 inspect 元素,我认为 jquery 正在我的页面中插入这段代码。我试着取出很多,它解决了问题!问题是我只能在 chrome inspect element 中取出这段代码,我不知道如何防止 jquery mobile 插入代码。
下面是我编辑的和我没有编辑的检查元素的图片:
最佳答案
简短的回答是,是的,您可以只使用 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 之外。
关于css - 我可以在我已经制作的移动网站中使用 jQuery Mobile 的片段吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14391898/