jQuery Mobile Popup reposition() 方法

jQuery Mobile 是一个基于 jQuery 的 JavaScript 库，用于开发可在各种设备（如移动设备、选项卡和桌面）上访问的响应式内容。

在本文中，我们将使用 jQuery Mobile Popup reposition() 方法重新定位已经打开的弹出窗口。 reposition() 方法接受一个对象作为参数。

句法：

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

选项对象的键描述如下：

• x：要重新定位弹出窗口的 x 坐标。
• y：要重新定位弹出窗口的 y 坐标。
• positionTo：一个 jQuery 选择器可用于定义弹出窗口要重新定位的位置。

CDN 链接：

示例：在下面的示例中，我们使用 Popup open() 方法打开弹出窗口小部件，然后我们使用指定positionTo 选项的 reposition() 方法在 3 秒后重新定位弹出窗口。

HTML

  
    
    
    
    Popup - reposition method
  
    
    
    
    
    
  
    
      function openAndRepositionPopup() {
        $("#popup1").popup("open", { positionTo: "#target" });
  
        // Reposition the popup 3 seconds after opening
        setTimeout(() => {
          $("#popup1").popup("reposition", 
                             { positionTo: "#repositionTarget" });
        }, 3000);
      }
    
  
  
  
    
      
        GeeksforGeeks
        jQuery Mobile Popup reposition Method
  
        Popup will open here
        
  
        
          Welcome to GeeksforGeeks
        
  
        
          Open Popup
        
  
        
        
          Popup will move here 3 seconds after opening
        
      
    
  

输出：

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