Java-bootstrap的模态框的应用

最新推荐文章于 2024-04-20 12:04:09 发布

原创最新推荐文章于 2024-04-20 12:04:09 发布 · 252 阅读

0 ·

CC 4.0 BY-SA版权

Bootstrap是一个基于css的前端框架模态框和栅格系统是他最重要的功能

bootstrap使用前我们需要引入一个bootstrap.js的包 这是 bootstrap的插件
bootstrap.js中的所有的插件都是依赖于jquery的 所以我们需要在引入js包之前引入jque![在这里插入图片描述](https://img-blog.csdnimg.cn/20181207171812714.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTczMDkw,size_16,color_FFFFFF,t_70)

在main.jsp页面引入js之后
为任何的按钮添加一个点击事件 就可以弹出模块框了

$(’#myModal’).on(‘shown.bs.modal’, function () {
$(’#myInput’).focus()
})