1、首先我们的代码里先引入jquery脚本库,和Jquery UI库。
2、html里就需要一个简单的div就行了,这个作为弹出框的内容。
3、要生成Dialog弹出框,直接调用dialog方法就行了,调用的对象就是刚才html里的div。
4、运行页面,我们可以看到现在的弹出框,已经正常显示出来了,而且可以看到,在默认情况下,这个弹出框就已经居中了。这是因为弹出框默认的position属性就是设置居中的,是相对于window整邗锒凳审个窗口来居中的。
5、如果你要设置让其相对于某个容器居中,而不是相对整个窗口来居中,那么我们可以设置position属性里的of参数,将其设置为对刂茗岚羟应的容器就行了。position: { my: "center", at: "center", of: "#bd_container" },bd_container就是一个div容器的id,我们让弹出框相对这个div居中。
6、bd_container这个div设置一下样式,让其宽为600px,高为300px。
7、重新运行页面,可以看到现在的弹出框对于整个页面是不居中的。
8、但对于它的父窗口div,它是居中的。