jQuery Mobile Pagecontainer change() 方法

jQuery Mobile是一种基于 Web 的技术，用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。

在本文中，我们将使用jQuery Mobile Pagecontainer 的 change() 方法。此方法用于从一页更改为另一页。

句法：

• 要调用更改方法：

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

• 以编程方式从一页更改为另一页。

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

参数：此方法接受以下参数：

• to：此参数是我们要导航到的字符串形式的 URL。
• options：此方法接受以下选项：
  • allowSamePageTransition：此参数的默认值为false。它忽略更改为当前活动页面的请求。如果此值设置为 true，则允许执行请求。
  • changeHash：此参数用于创建新的浏览器历史记录条目作为导航序列的一部分。
  • 数据：这个参数是 使用 Ajax 页面请求发送的数据。
  • dataUrl ：此参数是在 change() 完成后更新浏览器位置时使用的 URL。
  • loadMsgDelay ：此参数是延迟加载消息出现的毫秒数。
  • reloadPage ：此参数用于强制重新加载页面，即使它已经在 DOM 中。仅当 'url' 参数是 URL 时才使用此参数。
  • reload ：此参数用于强制重新加载页面，即使它已经在 DOM 中。仅当 'url' 参数是 URL 时才使用此参数。
  • reverse ：此参数是布尔类型值。用于设置是否反向应用过渡。
  • role ：此参数是显示页面时要使用的数据角色值
  • showLoadMsg ：此参数是布尔类型值。用于设置是否显示页面正在加载的消息。
  • transition ：此参数是应该用于页面更改的过渡
  • type ：此参数是要使用的 HTTP 请求的类型（“get”、“post”等）。此参数仅在“to”参数是 URL 时使用。

返回类型：此方法的返回类型是一个对象。

CDN 链接：您的项目将需要以下 jQuery Mobile 脚本，因此我们需要将这些脚本添加到您的项目中。

示例：此示例描述了jQuery Mobile Pagecontainer change() 方法的使用。

HTML

  

    
    
    
    
    
    

  

    
        
            
                GeeksforGeeks
            
            jQuery Mobile Pagecontainer change() Method
            
                First Page
            
            
                
                Go To Second Page
            
        
        
            
                GeeksforGeeks
            
            jQuery Mobile Pagecontainer change() Method
            
                Second Page
            
            
        
    
    
        $(document).ready(function () {
            $("#Button").on('click', function () {
                $(":mobile-pagecontainer")
                    .pagecontainer( "change", $("#GFG1" ));
            });
        });
    

  

输出：

jQuery Mobile Pagecontainer change() 方法

参考： https ://api.jquerymobile.com/pagecontainer/#method-change