jQuery Mobile Pagecontainer beforechange 事件

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

在本文中，我们将使用 jQuery Mobile Pagecontainer beforechange事件。此事件在任何页面加载或转换之前的页面更改周期期间触发。

语法：使用 beforechange 事件初始化页面容器。

$( ".selector" ).pagecontainer({
beforechange: function( event, ui ) {}
});

• 将事件侦听器绑定到页面容器 beforechange 事件。

  $( ".selector" ).on( 
      "pagecontainerbeforechange", 
      function( event, ui ) {} 
  );

参数：此事件接受两个参数，如下所示：

• 事件：这是指定的事件。
• ui：此参数接受下面给出的一些值：
  • toPage：此属性用于表示调用者希望激活的页面。这可以是包含页面 DOM 元素的 jQuery 集合对象，也可以是内部或外部页面的绝对/相对 URL。该值与触发事件的 changePage() 调用的第一个参数完全匹配。
  • prevPage：这是一个包含来自页面 DOM 元素的 jQuery 集合对象。
  • options：这是一个包含来自页面 DOM 元素的 jQuery 集合对象。

CDN 链接：首先，添加项目所需的 jQuery Mobile 脚本。

示例：此示例描述了 jQuery Mobile Pagecontainer beforechange事件。

HTML

  

    
    
    
    
    
    

  

    
        
            
                GeeksforGeeks
            
            jQuery Mobile Pagecontainer beforechange Event
            
                First Page
            
            
                
                    Go To Second Page
            
            
            
        
        
            
                GeeksforGeeks
            
            jQuery Mobile Pagecontainer beforechange Event
            
                Second Page
            
            
                Go Back To First Page
            
            
            
        
    
    
        $(document).ready(function () {
            $("#Button").on('click', function () {
                $("#GFG1").pagecontainer({
                    beforechange: function (event, ui) { }
                });
                $("#GFG1").on("pagecontainerbeforechange", 
                              function (event, ui) { });
                $("#log").html(
                  'beforechange event has been triggered');
            });
        });
    

  

输出：

jQuery Mobile Pagecontainer beforechange 事件

参考： https://api.jquerymobile.com/pagecontainer/#event-beforechange