jquery Dialog 弹出框居中怎么设置

 时间:2024-10-13 08:43:48

1、首先我们的代码里先引入jquery脚本库,和Jquery UI库。

jquery Dialog 弹出框居中怎么设置

3、要生成Dialog弹出框,直接调用dialog方法就行了,调用的对象就是刚才html里的div。

jquery Dialog 弹出框居中怎么设置

5、如果你要设置让其相对于某个容器居中,而不是相对整个窗口来居中,那么我们可以设置position属性里的of参数,将其设置为对刂茗岚羟应的容器就行了。position: { my: "center", at: "center", of: "#bd_container" },bd_container就是一个div容器的id,我们让弹出框相对这个div居中。

jquery Dialog 弹出框居中怎么设置

7、重新运行页面,可以看到现在的弹出框对于整个页面是不居中的。

jquery Dialog 弹出框居中怎么设置
  • Axure RP如何使用复制粘贴置入图像
  • layer设置弹出框大小;layer弹出框宽、高设置
  • 如何使用PyCharm下载模块
  • Vscode切换行注释步骤介绍
  • Sublime如何快速进行代码折叠
  • 热门搜索
    呼伦贝尔草原旅游 香港旅游花费 西安自由行旅游攻略 香港旅游全攻略 井冈山红色旅游 土耳其旅游地图 开曼群岛旅游 北京郊区旅游景点 花莲旅游攻略 迪拜旅游签证