jQuery Mobile 页面创建事件

jQuery Mobile 是一个建立在 jQuery 之上的 JavaScript 库。它用于为智能手机、平板电脑和台式机等各种设备创建响应式和可访问的网站。

在本文中，我们将使用 jQuery Mobile页面创建 创建页面后触发的事件。如果您想动态地将内容添加到您的页面并让 jQuery Mobile 为您设置样式，这是最好的事件。

句法：

• 使用指定的创建回调初始化页面。

  $(".selector").page({
    create: function( event, ui ) {
        // Your code here.
    }
  });

• 将 pagecreate事件绑定到事件侦听器。

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

参数：它接受一个有两个参数的回调函数。

• 事件：它接受事件类型值。
• ui：它接受对象类型值。 ui 对象可以为空，但用于与其他事件保持一致。

CDN 链接：

示例：下面的示例演示了页面创建事件的使用。我们将事件监听器绑定到pagecreate 事件触发时打开警报框的事件。

HTML

  

    
    
  
    
    
    
    
    
  
    
        $(document).on("pagecreate", function (event, ui) {
            alert("Pagecreate event triggered.");
        });
    

  

  
    
        
            GeeksforGeeks
            jQuery Mobile Page create event
        
        
            
                What is GeekforGeeks?
                
                    GeeksforGeeks is a computer science 
                    portal for geeks by geeks. Here
                    you can find articles on various 
                    computer science topics like Data
                    Structures, Algorithms and many 
                    more. GeeksforGeeks also provide 
                    courses, you can find the courses at
                    
                      https://practice.geeksforgeeks.org/courses
                    
                
  
                
                    For cracking interviews of top 
                    product based companies, you need to
                    have good and deep undestanding of 
                    topics like DSA, System design etc.
                    GeeksforGeeks provide you quality 
                    content so that you can prepare for
                    the interviews. GeeksforGeeks also 
                    have a practice portal where you
                    can practice problems and brush 
                    on your skills. You can visit the
                    practice portal at
                    
                      https://practice.geeksforgeeks.org
                
  
            
        
    

输出：

参考： https://api.jquerymobile.com/page/#event-create