jQuery移动web开发之页面跳转和加载外部页面的实现(jquery开发项目)

编辑：rootadmin

推荐整理分享jQuery移动web开发之页面跳转和加载外部页面的实现(jquery开发项目)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:web jquery,web jquery,jquery移动版,jquery mobile移动应用开发实战,javascript移动开发,jquery mobile移动应用开发实战,jquery移动版,jquery实现移动端,内容如对您有帮助，希望把文章链接给更多的朋友！

changePage() 页面跳转

从一个页面跳转到另一个页面，使用$.mobile对象的changePage方法来实现。但要使用此方式的时候，要以点击一个链接或者提交表单来实现。此方法有两个参数。

to：是第一个参数，是必须的，不可缺少。类型：字符串或者对象。

字符串: 绝对或相对URL地址。如：("about/us.html")

对象：jquery选择器对象，如：($("#about"))。一个指定了两个页面引用的数组[from，to] ，用以在已知的page进行跳转. From 是当前所能看到的页面( 或者是 $.mobile.activePage )。发送表单数据的对象，如({to: url， data: serialized form data， type: "get" or "post"} 。

options：是第二个参数，是可选。类型：对象

allowSamePageTransition（布尔值，默认：false）默认情况下，changePage() 会忽略跳转到已活动的页面的请求。如果把这项设为true,会使之执行。开发者应该注意有些页面的转场会假定一个跳转页面的请求中来自的页面和目标的页面是不同的，所以不会有转场动画。

changeHash（布尔值，默认：true）判断地址栏的哈希值是否应被更新。

data（字符串或对象，默认：undefined）要通过ajax请求发送的数据，只在changePage() 的 to 参数是一个地址的时候可用。

dataUrl（字符串，默认：undefined）完成页面转换时要更新浏览器地址的URL地址。如不特别指定，则使用页面的data-url属性值。

pageContainer（jQuery选择器，默认：$.mobile.pageContainer)指定应该包含页面的容器。

reloadPage（布尔值，默认：false）强制刷新页面, 即使当页面容器中的dom元素已经准备好时，也强制刷新。只在changePage() 的 to 参数是一个地址的时候可用。

reverse（布尔值，默认：false）设定页面转场动画的方向，设置为true时将导致反方向的转场。

role（字符串，默认：undefined）显示页面的时候使用data-role值。默认情况下此参数为认：undefined，意为取决于元素的@data-role属性。

showLoadMsg（布尔值，默认：true）设定加载外部页面时是否显示loading信息。

transition（字符串，默认：$.mobile.defaultPageTransition）使用显示的页面时，过渡。

jQuery移动web开发之页面跳转和加载外部页面的实现(jquery开发项目)

type（字符串，默认：get）指定页面请求的时候使用的方法("get" 或者 "post")。只在changePage() 的 to 参数是一个地址的时候可用。

loadPage() 加载外部页面

加载一个外部页面，附加其内容，并将其插入到DOM

url：是第一个参数。是必须的。类型：字符串或者对象。

options：第二个参数。是可选的。类型：对象。

allowSamePageTransition (default: false)类型：布尔值默认情况下，changepage()忽略请求改变当前页面。这个选项设置为true，允许请求执行。开发人员应该注意的一些网页过渡假设一个changepage请求设置FromPage、ToPage是不同的，所以他们可能不会如预期的动画。开发人员负责提供适当的过渡，或关闭这个特定的情况下。

changeHash (default: true)类型：布尔值如果地址栏中的哈希值应更新

data (default: undefined)类型：数据或者字符串要发送的数据与一个AJAX页面请求

loadMsgDelay (default: )类型：数字被迫延迟（毫秒）显示之前加载信息。这是为了让一个页面已经访问了被从缓存中取得没有加载信息的时间

pageContainer (default: $.mobile.pageContainer)类型：jQuery选择器指定要包含的页面元素

reloadPage (default: false)类型：布尔值强制刷新页面, 即使当页面容器中的dom元素已经准备好时，也强制刷新。只在changePage() 的 to 参数是一个地址的时候可用。

role (default: undefined)类型：字符串显示页面的时候使用data-role值。默认情况下此参数为认：undefined，依赖于元素的@data-role属性。

showLoadMsg (default: true)类型：布尔值加载外部页面时，设定是否显示loading信息。

transition (default: $.mobile.defaultPageTransition)类型：字符串使用显示的页面时，过渡

type (default: "get")类型：字符串指定页面请求的时候使用的方法("get" 或者 "post")。只在changePage() 的 to 参数是一个地址的时候可用。

加载一个外部页面，提高其内容，并将其插入到DOM。这种方法被称为内部的changepage()功能时，它的第一个参数是一个URL。这个函数不影响当前页面可以在后台加载页面。该函数返回一个对象，获取延期承诺在该页被增强，插入到文档中的解决。加载“about/us.html”的页面到DOM

加载一个“searchresults.php”页，要发送的表单数据是“search”字符。

使用jQuery mobile库检测url绝对地址和相对地址的方法 path.isAbsoluteUrl()检测绝对网址jQuery.mobile.path.isAbsoluteUrl(url)如果一个URL是绝对的实用方法。如果URL是绝对的这个函数返回一个布尔值true，否则返回false。!d

jQuery mobile转换url地址及获取url中目录部分的方法 path.makeUrlAbsolute()把相对URL转化为绝对URLjQuery.mobile.path.makeUrlAbsolute(relUrl,absUrl)把相对URL转化为绝对URL的方法。这个函数返回一个字符串，绝对URL。relUrl：

jQuery mobile类库使用时加载导航历史的方法简介 jQuery.mobile.navigate(url[,data])改变URL和跟踪历史。作品为浏览器和无历史新的APIurl：是必须的参数。类型：字符串data：是可选的参数。类型：对象。更改哈

标签: jquery开发项目

本文链接地址:https://www.jiuchutong.com/biancheng/376211.html 转载请保留说明！

上一篇：简要了解jQuery移动web开发的响应式布局设计(jquery操作)

下一篇：使用jQuery mobile库检测url绝对地址和相对地址的方法(使用jquery mobile时,jquery文件必须)