博客

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

  • Post author:
  • Post category:其他


从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 需要添加值

添加值后的代码：

code


版权声明：本文为weixin_43310839原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。