-
怎么去掉jquery mobile 自动添加的样式0
页面使用了JQM, 这样页面所有表单会自动套用 JQM 的样式.
想在页面中某个组件如 文本框<input> 不使用JQM 自带的样式,
只要原始的显示效果就可以.
不知JQM 是否有这样的设置, 如可添加某个属性,就可以不使用其样式?
注: 1). 不能说不适用JQM, 因为页面其它控件还需要使用jqm.
2). 不要说让重新增加样式, 覆盖JQM 的样式, 因为 JQM 对input增加了 太多的样式,一个一个覆盖太麻烦.
O(∩_∩)O谢谢,大家了!
p.s. : imput 被套用JQM 后:
问题补充：在网上找到了办法, 在 <input> 标签增加属性:
data-role='none'
表示,不适用jquery mobile的样式.2012年12月27日 17:58
添加评论
关注(0)1个答案 按时间排序 按投票排序
-
方法1:
使用jquery在创建后对所有元素增加属性$(document).bind( "pagecreate", function( e ) { $( "input, textarea, select", e.target ).attr( "data-" + $.mobile.ns + "role", "none" ); });
方法2:
在jquery.js导入后,在jquerymobile导入前使用下面的脚本加上data-role="none".$("input").attr('data-role','none'); $("select").attr('data-role','none');
参考是这个链接:https://github.com/jquery/jquery-mobile/issues/2598
官网:http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/forms/docs-forms.html2013年8月23日 11:39
相关推荐
3. **自动增强**：当 jQuery Mobile 加载时，它会查找页面中的所有表单并自动应用样式。如果你不希望自动增强，可以使用 `data-enhance="false"` 数据属性阻止，然后在需要的时候使用 `$.mobile.enhanceWithin()` ...
使用CSS或jQuery Mobile的内置样式调整图片大小和布局。 4. **数据-翻转属性**：利用jQuery Mobile的"data-transition"属性，可以添加平滑的过渡效果，比如"slide"或"fade"，增强用户体验。 5. **自动滚动**：提到...
2. **自动页面导航**：通过数据-URL（data-url）属性和页面容器，jQuery Mobile可以自动管理页面的加载和切换，实现平滑的页面过渡效果。 3. **可定制的主题系统**：jQuery Mobile提供了一套主题引擎，允许开发者...
为了适应不同屏幕尺寸的设备，jQuery Mobile 实现了自动响应式布局。`data-mini`和`data-inline`属性可以用于创建更紧凑的界面，而`data-grid`则可用于定义网格布局，确保元素在不同屏幕宽度下都能良好排列。 7. *...
例如，你可以覆盖 jQuery Mobile 的默认样式，添加自己的CSS类来调整按钮的颜色、大小和位置。同时，确保在不同屏幕尺寸下，这些样式仍能保持一致性和响应性。 文件名 "texiao8137_1560929569" 可能是指一个包含...
1. **统一的用户界面 (UI) 框架**：jQuery Mobile 提供了一套预定义的样式和交互模式，可以轻松创建一致的触控友好的界面，适应各种屏幕尺寸和分辨率。 2. **页面结构与导航**：使用 jQuery Mobile，页面通常被组织...
3. **表单**：jQuery Mobile 自动美化表单元素，如按钮、输入框、选择器等。支持 data-mini 和 data-theme 属性进行样式定制，data-clear-btn 添加清除按钮。 4. **主题系统**：通过 data-theme 属性定义组件颜色...
当页面加载或被激活时，jQuery Mobile 自动应用样式和事件监听器。因此，在创建相册时，我们需要确保页面结构符合 jQuery Mobile 的规范。 接着，我们来看菜单式相册的核心部分——菜单和图像展示。菜单通常是一个...
在这个例子中，`<a>` 标签添加了 `data-role="button"` 数据属性，jQuery Mobile 会将其转换为一个样式化的按钮。 ### 路径配置 正如描述中提到的，引用这些库文件的路径需要正确设置。如果这些文件与 HTML 页面...
在"jqueryMobile插件集"中，可能包含以下几类插件： 1. **组件增强插件**：这些插件增强了jQuery Mobile内置组件的功能，如更复杂的下拉菜单、自定义表单验证或者动画效果丰富的滑块。 2. **交互插件**：这类插件...
2. **表单（Forms）**：jQuery Mobile 自动增强了表单元素，如输入框、选择器、滑块等，提供更好的触摸体验。 3. **网格系统（Grids）**：通过 `data-role="grid"` 和 `class="ui-grid-xx"`（xx为s、m、l、g之一）...
10. **响应式设计**：JqueryMobile自动适应各种屏幕尺寸，但也可以通过媒体查询等技术进行更精细化的响应式调整，确保在不同设备上都能有良好的显示效果。 总的来说，JqueryMobile为购物网站的开发提供了便捷的工具...
3. **可自定义主题**：jQuery Mobile 提供了一套主题系统，通过`data-theme`属性可以改变组件的视觉样式。 4. **事件处理**：针对触摸设备，jQuery Mobile 引入了`vclick`、`swipe`等事件，替代了桌面环境中的`...
jQuery Mobile自动适配各种屏幕尺寸，但可能需要根据具体需求进行定制。通过调整CSS媒体查询，我们可以确保相册在不同设备上展示效果良好。 9. **主题和样式** jQuery Mobile提供了一系列预定义的主题，通过`data...
- **增强型的HTML元素**：通过简单的数据属性（data-attributes）添加到HTML元素上，jQuery Mobile 可以自动美化和增强表单、按钮、列表等元素的样式和交互性。 - **触摸优化**：jQuery Mobile 专门针对触控设备...
1. **响应式设计**：jQuery Mobile 1.1.1 采用响应式网页设计，使得网页能够自动适应不同屏幕尺寸和分辨率的设备，包括智能手机、平板电脑和桌面电脑。这通过灵活的布局和媒体查询实现，确保用户在任何设备上都能...
1. **性能优化**：由于jQuery Mobile的自动增强功能，可能导致页面加载较慢。可以通过减少不必要的数据属性，或者使用`data-enhance="false"`来手动增强元素，提高性能。 2. **响应式设计**：确保应用在不同屏幕尺寸...
引入这些资源后，jQuery Mobile会自动应用样式和行为，使得基本的HTML元素如链接、表单、按钮等具有移动友好的外观和触摸交互。此外，jQuery Mobile还提供了一系列组件，如导航栏、页眉、页脚、页面切换、表单验证等...
jQuery Mobile的核心理念是“Write Less, Do More”，它通过数据属性（data attributes）和自动页面导航结构简化了移动开发。 在**C#**中封装**jQuery Mobile Controls**是为了更好地适应服务器端编程的需求，使...
3. **自动页面增强**：加载页面时，jQuery Mobile 会自动增强元素，使其具有触摸友好性。 ### 二、jQuery Mobile 的页面结构 一个基本的 jQuery Mobile 页面由以下部分组成： - `<head>`：包含 jQuery Mobile ...