移除jQuery UI Dialog关闭按钮

电脑广告无处不在.有些恶意的广告还是自动弹出一个新窗口.这使得人们开始对突然弹出的窗口产生厌恶感,然而形成一种习惯,那就是迅速移动鼠标到新窗口的右上角并点击关闭按钮.有时候我们希望用户能够仔细查看窗口中的内容而不是马上关闭窗口,这时候我们可以移除顶端的关闭按钮,当用户找不到关闭按钮的时候,注意力就会回到窗口当中.

jQuery UI Dialog并没有提供一个选项能够让我们移除这个关闭按钮.但是我们可以通过CSS来达到这个目的.因为所有的关闭按钮都含有一个名为ui-dialog-titlebar-close的样式.所以我们可以简单地

.ui-dialog-titlebar-close{
 display: none;
}

来移除所有的jQuery UI Dialog关闭按钮.或许只是想移除其中一个窗口中的关闭按钮,这时你需要为你的窗口设置一个dialogClass选项

In Javascript

$("#myDialog").dialog({
 dialogClass: "my-dialog"
});
In CSS

.my-dialog .ui-dialog-titlebar-close{
 display: none;
}