从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