jQuery Mobile 面板打开事件

jQuery Mobile 是一个建立在 jQuery 之上的 JavaScript 库。它用于创建可在各种设备（如移动设备、平板电脑和台式机）上访问的快速且响应迅速的网站或 Web 应用程序。

在本文中，我们将使用 jQuery Mobile Panel打开事件 面板完全打开后触发。

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

句法：

• 使用指定的打开回调初始化面板：

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

• 将 panelopen 事件绑定到事件侦听器：

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

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

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

CDN 链接：

示例：在下面的示例中，触发面板打开事件时会打开一个警告框。

HTML

  

    
    
  
    
    
    
    
    
  
    
        $(document).ready(function () {
            $("#divID").panel({
                open: function (event, ui) { 
                    alert("Panel open event fired.");
                }
            });
        });
    

  

    
        
            GeeksforGeeks
            jQuery Mobile Panel open event
        
  
        
            
                Open Panel
            
          >
  
        
            Panel Content
        
    

输出：

参考： https://api.jquerymobile.com/panel/#event-open