如何使用jQuery UI隐藏弹出窗口下方的关闭按钮

 时间:2024-10-13 03:48:26

1、第一步,双击打开HBuilder编辑工具,在jqueryUI项目下page文件夹下新建静态殳陌抻泥页面hideClose.html,如下图所示:

如何使用jQuery UI隐藏弹出窗口下方的关闭按钮

2、第二步,在<title></title>标签下方引入jquery 曷决仙喁UI样式文件、js文件和jquery核心文件,如下图所示:

如何使用jQuery UI隐藏弹出窗口下方的关闭按钮

3、第三步,在<body></body>元素标签内插入一个<di箪滹埘麽v>标签,设置ID和title属性值,如下图所示:

如何使用jQuery UI隐藏弹出窗口下方的关闭按钮

4、第四步,在jQuery初始化函数内,调用弹出窗口初始化函数,设置宽度为400,高度为300,有一个关闭按钮,如下图所示:

如何使用jQuery UI隐藏弹出窗口下方的关闭按钮

5、第五步,保存代码并预览该静态页面,可以看到一个弹窗下方有个“关闭”按钮,如下图所示:

如何使用jQuery UI隐藏弹出窗口下方的关闭按钮

6、第六步,利用弹窗ID选择器获取兄弟节点,然后获取第二个兄弟节点,并设置为隐藏;再次预览页面,可以看到关闭按钮消失了,如下图所示:

如何使用jQuery UI隐藏弹出窗口下方的关闭按钮
  • Axure原型工具如何制作置顶按钮效果
  • Axure原型工具如何制作随机验证码的效果
  • jQuery添加背景动画动态跳动的圆球效果
  • 如何使用background-image实现DOM元素渐变
  • Axure如何插入占位符
  • 热门搜索
    趣味语文手抄报 数学的手抄报 爱国手抄报花边 有关卫生的手抄报 校园安全知识手抄报 简单手抄报花边边框 关于百分数的手抄报 春节手抄报设计图 走进西部的手抄报 数学手抄报三年级上册