jQuery Mobile 弹出窗口 open() 方法

jQuery Mobile是一种 Web 技术，用于创建响应式和可访问的网站和 Web 应用程序。它建立在 jQuery 之上。

在本文中，我们将使用 jQuery Mobile Popup open() 方法使用指定的选项打开弹出窗口。

句法：

$( ".selector" ).popup( "open", options );

这里的 options 参数是对象类型，它接受 4 个键：

• x：要显示弹出窗口的 x 坐标。
• y：要显示弹出窗口的 y 坐标。
• 过渡：它定义打开弹出窗口时要使用的过渡。它接受一个字符串，默认值为一个空字符串。
• positionTo：一个 jQuery 选择器可用于定义弹出窗口的显示位置。

CDN 链接：首先，将 jQuery CDN 链接添加到项目中。

示例：在下面的示例中，我们使用positionTo选项来定义我们想要打开弹出窗口的位置。

HTML

  
    
    
    
    Popup - reposition method
  
    
    
    
    
    
  
    
    function openPopup(){
        $( "#popup1" ).popup( "open", 
                             {positionTo: "#target"} );
      }
    
  
  
    
      
        GeeksforGeeks
        jQuery Mobile Popup open Method
  
        Popup will open here
   
        
          Welcome to GeeksforGeeks
        
  
        
          Open Popup
        
      
    
  

输出：

参考： https://api.jquerymobile.com/popup/#method-open