`
LiYunpeng
  • 浏览: 952343 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

jquery mobile中data-url

阅读更多
关于jquery mobile中的data-url属性

研究了好久,但是一直不知道到底该什么情况下用到它

后来看了一些资料

因为jquery mobile会把很多page同时加载到dom里面,所以在默认的情况下,只显示第一个page
那么我们就可以通过data-url来区分到底显示哪一个页面了,这样在地址栏里面的请求就可以把响应的url加上来区分了
分享到:
评论

相关推荐

    jquery mobile 1.4.5demo和说明

    1. **页面结构**:jQuery Mobile 采用单一页面模式,通过数据-URL(data-url)属性实现页面间的导航。页面结构由数据-role="page" 的 div 元素组成,可嵌套在 data-role="header", "content", 和 "footer" 内,实现...

    jQuery.mobile-1.0.1.js与jQuery.mobile-1.0.1.min.js

    2. **数据链接(data-url)**:通过添加"data-url"属性,可以为每个页面设置独特的URL,便于书签和历史记录管理。 3. **触控事件**:内置触控事件如swipe、tap、taphold,使开发者能轻松地实现触摸操作的响应。 4. *...

    jquery.mobile-1.4.5.zip

    jQuery Mobile中的每个HTML页面都被视为一个独立的“页面”元素,通过`data-role="page"`标识。页面可以嵌套在`div`元素中,便于实现单页或多页布局。`data-url`属性用于指定页面的URL,以便于导航。 **3. 导航和...

    jquery.mobile-1.3.1.rar

    本文将深入探讨jQuery Mobile 1.3.1的核心特性、设计理念以及如何在项目中有效应用。 1. jQuery Mobile简介 jQuery Mobile是jQuery库的一个分支,专注于移动设备的交互设计。它提供了一套统一的事件处理机制和丰富...

    JqueryMobile快速上手教程-实训任务书01-我的第一个JqueryMobile页面

    为了在页面间平滑切换,jQuery Mobile 使用 AJAX 来加载新页面,并通过 `data-url` 属性保持页面历史记录。 ### 五、交互组件 jQuery Mobile 提供了许多内置的交互组件,如按钮、表单、下拉菜单、滑块等,它们都...

    JqueryMobile 开发文档速查

    在jQuery Mobile中,`data-`属性是一种特殊的HTML属性,用于添加自定义数据到元素,这些数据可以被jQuery Mobile框架识别并处理。以下是一些常见的`data-`属性: 1. **data-role**: 指定元素的角色或功能,例如`...

    jquery mobile 1.4.1版

    3. **数据链接和页面导航**:通过data-url属性实现页面间的无缝导航,无需实际的HTTP请求。 4. **主题系统**:使用简单的CSS类,可以快速改变界面的主题色,满足个性化需求。 5. **增强的表单控件**:提供了如滑块、...

    jQueryMobile-HTML5模板

    2. **自动页面导航**:通过数据-URL(data-url)属性和页面容器,jQuery Mobile可以自动管理页面的加载和切换,实现平滑的页面过渡效果。 3. **可定制的主题系统**:jQuery Mobile提供了一套主题引擎,允许开发者...

    JqueryMobile快速上手教程-实训任务书02-单页设计-班级新闻页.zip

    jQuery Mobile 使用数据-URL(data-url)来实现单页设计。每个页面都应包含一个唯一的 `data-url` 属性,这将作为页面的标识。例如,为班级新闻页设置数据-URL: ```html <div data-role="page" id="news-page" ...

    jquery mobile 1.4.5

    4. **主题系统**:jQuery Mobile提供了一套主题框架,通过"data-theme"属性可快速改变组件的外观,支持自定义颜色方案。 5. **触控事件**:对触摸设备的事件进行了优化,如"tap"(轻击)、"swipe"(滑动)和...

    精简版jquery-mobile

    标题中的“精简版 jQuery Mobile”指的是对原始框架进行优化和减重,以适应更小的内存和性能限制,或者为了提高加载速度和减少资源消耗。这通常涉及到移除不必要的样式、脚本或组件,只保留最核心的功能。描述中提到...

    jquery.mobile-1.3.2

    2. **数据URL标记**:通过添加"data-"前缀的HTML属性,可以轻松地对元素进行扩展,让jQuery Mobile自动处理样式和行为。 3. **增强型的页面结构**:jQuery Mobile提供了预定义的HTML5页面结构,如`<div data-role=...

    Jquery Mobile 类库

    在本篇文章中,我们将深入探讨 jQuery Mobile 的核心概念、主要特性以及如何在项目中使用这些资源文件。 ### 1. 核心概念 - **页面结构**:jQuery Mobile 使用“页面”和“页片”(page and page fragments)的...

    jquery mobile demo

    这个压缩包中包含的是一个名为 "MiamiCoder" 的 jQuery Mobile 教程项目,可能包括了演示代码、讲解文档或者是一系列的实例页面。这些资源可以帮助开发者更深入地了解如何使用 jQuery Mobile 构建移动应用,例如如何...

    开发者必读jQuery Mobile入门教程

    同时,使用`data-url`和`data-rel`可以实现页面间的导航。 ```html <a href="#myPage" data-role="button" data-rel="page">Go to My Page <div data-role="page" id="myPage"> <!-- 页面内容 --> ``` 为了优化...

    JqueryMobile快速上手教程-实训任务书04-外页设计-班级通知页.zip

    在jQuery Mobile中,每个页面都由一个`<div>`元素标记为`data-role="page"`。页面间可以通过链接或程序跳转,而数据-URL(data-url)属性用于识别每个页面的独特位置。例如: ```html <div data-role="page" id=...

    jquery-mobile-dev

    1. 数据连接(Data-Attributes):通过添加特定的数据属性(data-*),开发者可以轻松地对元素进行增强,如数据-url 属性用于指定页面链接的目标。 2. 自动页面处理:jQuery Mobile 会自动检测页面加载并进行相应的...

    jQuery Mobile实战源码

    通过使用`data-url`属性,jQuery Mobile可以跟踪页面的历史记录,实现平滑的页面过渡效果。在源码中,你会看到如何组织这些页面元素以及如何通过链接或JavaScript进行页面导航。 表单处理是jQuery Mobile的另一大...

    JqueryMobile1.4.2最新版Demo

    在下载的 "JqueryMobile-1.4.2 Demo" 压缩包中,你可以找到各种示例页面和组件的实践应用,通过查看和分析这些例子,可以更直观地了解 jQuery Mobile 的功能和使用方法。结合实际项目需求,灵活运用这些知识,可以...

Global site tag (gtag.js) - Google Analytics