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.
输出: