`
流浪鱼
  • 浏览: 1682127 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery Mobile的属性和函数

 
阅读更多

1.hs

$.mobile.ns="mynamespace"

2.autoInitializePage

$.mobile.autoInitialzepage=false

默认情况下DOM元素准备就绪后,程序会自动加载$.mobile.autoInitialzepage函数。如果设置为false,就不会立即渲染,并保持隐藏状态,一直到人工调用$.mobile.initializePage函数才会渲染各种页面和视图组件。

3.subPageUrlKey

该参数主要是改变mobile视图在url地址key参数名。默认值为ui-page

$.mobile.subPageUrlKey="page"

4.activePageClass

自定义活动状态页面的样式默认值为ui-page-acive

$.mobile.activePageClass="ui-ns-page-active"

5.activeBtnClass

自定义活动状态按钮的样式默认值为ui-btn-acive

$.mobile.activeBtnClass="ui-ns-page-active"

6.ajaxEnable

当点击链接或者提交表单的时候是否使用ajax来加载页面或者提交数据,默认值为true

$.mobile.ajaxEnable=false

7.hashListeningEnable

设置jquery mobile是否自动监听和处理location.hash变化,默认值为true

$.mobile.hashListeningEnable=false

8.defaultPageTransition

设置页面切换默认的效果,默认值为slide

$.mobile.defaultPageTransition="fade"可选择值为(slide、slideup、slidedown、pop、fade、flip)

9.touchOverflowEnabled

是否使用设备原生区域滚动特性。目前除IOS5外,大部分设备不支持原生区域滚动特性。默认值为false

$.mobile.touchOverflowEnabled=true

10.defaultDialogTransition

设置ajax对话框的弹出效果,默认值为pop,若设置为none就没有过渡效果

$.mobile.defaultDialogTransition="none"

11.minScrollBack

当滚动超出所设置的高度时才会触发滚动记忆功能。当滚动高度没有超过所设置的高度时,后退到该页面滚动条会到达顶部。默认值为150

12.loadingMessage

页面加载时的文本内容默认值loading

$.mobile.defaultDialogTransition="加载中"

13.pageLoadErrorMessage

设置ajax请求页面失败后显示的提示文本内容,默认值为ErrorLoadingPage

$.mobile.pageLoadErrorMessage=”页面加载失败"

14.$.mobile.loadPage

15.$.mobile.changePage

16.$.mobile.jqmData(element,key,value)

对某一个元素添加数据

17.$.mobile.jqmData(element,key,value)

18.$.mobile.jqmRemoveData([name])

如果没有name就删除所有的数据

19.$.mobile.jqmHasData(element)

检查某个元素是否存在绑定的数据

 

 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    jQuery mobile相册的一种样式

    jQuery Mobile提供了`animate()`函数,可以方便地添加这些动画。 5. **响应式设计**:考虑到不同设备的屏幕尺寸,相册样式应该具备响应性。我们可以使用媒体查询(media queries)来根据屏幕大小调整布局,确保在...

    android jqueryMobile 类库和实例源代码

    jQuery Mobile的类库包括了各种UI组件、事件处理和API函数。例如: - UI组件:如页签(tabs)、工具栏(header和footer)、可折叠面板(collapsible)、滑动切换(slider)、网格布局(grid)等,这些组件提供了...

    jQuery Mobile实战源码

    jQuery Mobile通过数据属性(data-attributes)和增强的HTML标记来定义这些组件的行为,使得代码更简洁且易于维护。 在源码中,你会发现`jquery.mobile.js`是主要的JavaScript库,它包含所有jQuery Mobile的功能。...

    jquery mobile datepicker 手机端日期选择器

    jQuery Mobile Datepicker 是一个专为手机端设计的日期选择器插件,它基于流行的 jQuery 和 jQuery Mobile 库,为开发者提供了丰富的功能和自定义选项。本文将深入探讨这个插件的使用方法、核心功能以及如何对其进行...

    jQuery Mobile开发源码 api文档中文

    中文API文档是jQuery Mobile开发者的重要参考资料,它详尽地介绍了各个函数、方法和数据属性的用法。例如: - **$.mobile.changePage()**:用于在页面之间进行切换,可以指定目标页面的URL或DOM元素。 - **data-...

    使用JqueryMobile开发购物网站

    1. **页面结构**:JqueryMobile使用数据属性(data-attributes)和HTML5的页面结构元素(如`<div data-role="page">`)来组织内容。每个页面都被视为一个独立的单元,通过链接或程序导航在不同的页面之间切换,这种...

    JQUERYMOBILE 提示框

    jQuery Mobile的提示框可以通过添加属性来调整其样式和行为。例如,你可以通过`data-theme`设置颜色主题,通过`data-icon`添加图标到按钮,通过`data-mini`创建小型化的按钮等。此外,还可以通过JavaScript动态创建...

    jquerymobile制作的各种漂亮界面源代码

    jQuery Mobile的基础是HTML5,它充分利用HTML5的新特性如data-*属性来标记页面元素,这些属性可以用来定义组件的行为和样式。例如,`<a>`标签加上`data-role="button"`属性就能转化为一个触摸友好的按钮。同时,...

    jQueryMobile源代码

    在这个“jQueryMobile源代码”中,我们可以深入研究其内部机制,了解它是如何实现这些功能的。 首先,jQuery Mobile的核心概念是“页面(Pages)”和“面板(Panels)”。页面是应用的基本单元,而面板则用于提供...

    jquery mobile 滚动加载内容

    当我们谈论“jQuery Mobile 滚动加载内容”时,我们实际上是在讨论一种动态加载技术,即在用户滚动页面到接近底部时,通过 AJAX(异步 JavaScript 和 XML)技术从服务器获取并插入更多内容,以实现无尽滚动的效果。...

    JqueryMobile常见问题整理

    4. **使用主题和 CSS 变量**:通过使用 jQuery Mobile 的主题系统和 CSS 变量,减少不必要的网络请求。 5. **优化 JavaScript**:避免使用全局变量,减少 DOM 操作,使用事件委托等优化技巧。 总之,理解 jQuery ...

    jQuery mobile滑动和缩略图的新闻导航

    这可能涉及到JavaScript编程,尤其是利用jQuery的动画函数来控制缩略图的显示和隐藏。 例如,你可以创建一个包含所有新闻缩略图的容器,并使用CSS设置其溢出部分不可见。然后,通过监听用户的滑动事件,改变容器的...

    jquery mobile datepicker

    - **jQuerymobile**: 这是jQuery的一个分支,专为移动设备的Web开发提供一套完整的框架,包括触摸事件处理、页面布局和组件库,jQuery Mobile Datepicker就是其中一个组件。 - **datepicker**: 这是jQuery UI中的一...

    jquery mobile 餐厅实例

    jQuery Mobile 是一个轻量级、触控优化的前端框架,用于构建响应式和移动设备友好的Web应用程序。它基于jQuery库,提供了丰富的组件和设计模式,使得开发者能够快速地创建具有统一界面风格的跨平台应用。在这个...

    jQuery mobile卡片式的时钟显示

    在IT行业中,jQuery Mobile是一种广泛使用的前端框架,它专门针对移动设备进行优化,提供了一套完整的用户界面(UI)组件和交互效果。本主题聚焦于使用jQuery Mobile创建一个卡片式的时钟显示,这是一种将时间信息以...

    jQuery mobile新闻图片一样的显示图片

    总结起来,创建“jQuery mobile新闻图片一样的显示图片”效果,需要理解jQuery Mobile的基础组件和数据属性,合理布局HTML结构,运用JavaScript处理动态交互,同时关注响应式设计和性能优化。通过这些步骤,你可以为...

    基于h5的jquery mobile图片切换

    在这个例子中,我们使用了`data-role`属性来应用jQuery Mobile的样式,并通过JavaScript选择图片列表,设置自动切换和手势控制。图片大小可以通过CSS调整,确保它们在不同设备上都能正确显示。 总的来说,基于H5的...

    jquery mobile仿苹果手机短信滑动删除特效

    3. **jQuery Mobile事件**:利用jQuery Mobile的`swipeleft`和`swiperight`事件监听用户的滑动手势。这两个事件会在用户从元素的左侧或右侧滑过时触发。在事件处理函数中,我们可以改变删除按钮的状态,使其可见并...

    jQuery mobile开关式按键

    在IT领域,jQuery Mobile是一个广泛使用的前端框架,用于构建响应式和触摸友好的移动Web应用程序。这个框架提供了许多UI组件,使得开发者可以轻松地创建出与原生应用体验相媲美的网页应用。其中,“开关式按键”...

    jQuery mobile带历史记录的仿谷歌搜索

    在移动Web开发中,jQuery Mobile是一个非常流行的框架,它提供了丰富的UI组件和交互效果,使得开发者可以轻松构建响应式、触控友好的网页应用。在这个主题“jQuery mobile带历史记录的仿谷歌搜索”中,我们将深入...

Global site tag (gtag.js) - Google Analytics