Bootstrap模态框点击无反应解决2021

编程知识 行业动态 更新时间:2024-06-13 00:22:35

从bootstrap官网粘贴的模态框代码到本地上运行,点击没有反应

解决方案:

  1. bootstrap 模态框依赖jquery所以 jquery版本用 jquery-3.4.1.min.js
  2. bootstrap 用 bootstrap.min.js
  3. bootstrap css 用 bootstrap.min.css
  4. 引入顺序
    <script src="${APP_PATH}/js/jquery.min.js"></script>
    // script标签不能有这个type属性值: type="javascript",
    // 允许type值为:type="text/javascript" 或者 不写type
    <script src="${APP_PATH}/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${APP_PATH}/css/bootstrap.min.css"/>


注意这个样例代码, data-target=".bs-example-modal-lg" 箭头所指向 class 需要添加值
添加值后的代码:

更多推荐

Bootstrap模态框点击无反应解决2021

本文发布于:2023-04-02 18:55:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/9be543b9d696604597c0fdbfd229765d.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:模态   Bootstrap

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!