JQuery Mobile Pagecontainer change用法及代码示例

用法:

change( to, options )

返回：jQuery (plugin only)

• to
  类型：String 或 jQuery
  要导航到的 URL。这可以指定为字符串，也可以指定为包含页面 DOM 元素的 jQuery 集合对象。
• options
  类型：Object
  • allowSamePageTransition(默认：false)
    类型：Boolean
    默认情况下，change() 忽略更改到当前活动页面的请求。将此选项设置为true 允许执行请求。开发人员应注意，某些页面转换假定 change() 请求的 fromPage 和 toPage 不同，因此它们可能无法按预期进行动画处理。开发人员负责提供适当的过渡，或针对这种特定情况将其关闭。
  • changeHash(默认：true)
    类型：Boolean
    是否创建新的浏览器历史记录条目作为导航序列的一部分。可能的值：

    true	作为移动到所需页面的一部分，页面容器将创建一个浏览器历史记录条目。因此，用户可以使用浏览器的"Back" 和"Forward" 按钮在源页面和目标页面之间导航。
    false	pagecontainer 将导航到所需的页面，而无需创建新的浏览器历史记录条目。所需页面替换当前页面，并且浏览器的"Back" 和"Forward" 按钮不能用于在源页面和目标页面之间导航。

  • data(默认：undefined)
    类型：Object 或 String
    使用 Ajax 页面请求发送的数据。
  • dataUrl(默认：undefined)
    类型：String
    change() 完成后更新浏览器位置时使用的 URL。如果未指定，则使用页面元素的data-url 属性的值。
  • loadMsgDelay(默认：50)
    类型：Number
    延迟加载消息出现的毫秒数。如果加载在此时间内完成，则不会显示加载消息。
  • reloadPage(默认：false)
    类型：Boolean

    注意： 自 jQuery Mobile 1.4.0 起，该属性已被弃用，并将在 1.5.0 中删除。请改用属性reload。

    是否强制重新加载页面，即使它已经在 DOM 中。仅当 'url' 参数是 URL 时使用。

    (不推荐使用的版本：1.4.0)
  • reload(默认：false)
    类型：Boolean
    是否强制重新加载页面，即使它已经在 DOM 中。仅当 'url' 参数是 URL 时使用。
  • reverse(默认：false)
    类型：Boolean
    是否应反向应用过渡。通过将此值设置为true，您可以模拟返回到上一页，即使实际导航顺序是向前的。
  • role(默认：undefined)
    类型：String
    显示页面时要使用的data-role 值。默认情况下这是undefined，这意味着依赖于元素上定义的@data-role 属性的值。
  • showLoadMsg(默认：false)
    类型：Boolean
    是否显示指示页面正在加载的消息。
  • transition(默认：undefined)
    类型：String
    应该用于页面更改的转换。如果值为undefined， 的值$.mobile.defaultPageTransition(目前"fade") 将用于页面，并且$.mobile.defaultDialogTransition(目前"pop") 将用于对话框。

    默认值：undefined

  • type(默认："get")
    类型：String
    要使用的 HTTP 请求类型("get"、"post" 等)。仅当 'to' 参数是 URL 时使用。

$( ".selector" ).pagecontainer( "change" );

$( ":mobile-pagecontainer" ).pagecontainer( "change", "confirm.html", { role: "dialog" } );