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" } );