html - Jquery mobile 在网站中使用时会影响旧的设计和类

Question

我有一个一般性问题。也就是说，我一直在为现有网站开发移动网站。

我自己为页面制作了 CSS。但现在我想为表单、输入按钮 slider 等一些元素包含 Jquery 移动用户界面。

我的问题是，当我将移动用户界面加载到我的网站时，它也会影响其他设计，就像所有按钮都发生了变化，即使它们有单独的类。此外，加载程序只是花费太多时间从一个页面转移到另一个页面，它显示一个圆圈总是在旋转并且什么都不做。

我是新手，请指导我如何将移动 Jquery 用于我已经设计好的页面

Answer 1

如果您有自定义 CSS 并且不希望 JQM 将其 CSS 样式应用于您的元素，请使用以下内容

data-role="none"

data-enhance="false"

http://demos.jquerymobile.com/1.1.2/docs/forms/forms-all-native.html

文档说“要激活此功能，必须将 $.mobile.ignoreContentEnabled 设置为 true。”

在HEAD中的JQM js文件之前添加这个

$(document).bind("mobileinit", function(){
  $.mobile.ignoreContentEnabled=true;
});