jQuery Mobile Popup 创建事件

jQuery Mobile 是一组基于 HTML5 的用户界面系统，旨在为移动设备、选项卡和桌面创建响应式内容。它建立在 jQuery 之上。在本文中，我们将使用创建弹出窗口时触发的 jQuery Mobile Popup创建事件。

回调参数：回调函数接受一个事件类型的事件参数和一个UI对象。 UI 对象是空的，包含它是为了与 jQuery Mobile 库中的其他事件保持一致。

句法：

• 使用指定的创建回调初始化弹出窗口。

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

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

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

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

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

CDN 链接：

示例：下面的示例演示了 Popup创建事件的使用。

HTML

  

    
    
    
    Popup - create Event
  
    
    
    
    
        

  

    
        
            GeeksforGeeks
            jQuery Mobile Popup create Event
  
            Popup will open here
  
            
                Welcome to GeeksforGeeks
            
  
            
                Open Popup
            
        
    
    
    
  
        // Popup create event.
        $("#popup1").popup({
            create: function (event, ui) {
                alert("Popup create Event triggered");
            }
        });
  
        // A function to open the popup.
        function openPopup() {
            $("#popup1").popup("open", { positionTo: "#target" });
        }
    

  

输出：

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