📌  相关文章
📜  如何使用 jQuery Mobile 创建位置弹出窗口?

📅  最后修改于: 2021-11-24 04:31:10             🧑  作者: Mango

jQuery Mobile是一种基于 Web 的技术,用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。在本文中,我们将使用 jQuery Mobile创建一个位置弹出窗口。

方法:添加项目所需的 jQuery Mobile 脚本。

默认情况下,弹出窗口在元素上垂直和水平地打开。 data-position-to属性用于设置弹出窗口在窗口中居中的位置。

示例 1:

HTML


  

    
  
    
  
    

  

    
        

GeeksforGeeks

        

            Design a Position Popup using jQuery Mobile         

           Window Position            
            

The position of popup to center of window.

        
    
  


HTML


  

    
  
    
  
    

  

    
        

GeeksforGeeks

        

            Design a Position Popup using jQuery Mobile         

           Origin Position            
            

The position of popup to origin.

        
    
  


输出:

示例 2:

HTML



  

    
  
    
  
    

  

    
        

GeeksforGeeks

        

            Design a Position Popup using jQuery Mobile         

           Origin Position            
            

The position of popup to origin.

        
    
  

输出: