问题描述:

jQuery 、bootstrap同时使用时,bootstrap 的 模态框点击无响应。

原因分析:

尝试时发现不用 jQuery 就没有问题,一使用就出现问题。
最后发现是和引入 jQuery 和 引入 bootstrap 的顺序有关

解决方案:

需要先 引入jQuery ,再 引入bootstrap

    <!-- 引入 jquery -->
    <script src="${pageContext.request.contextPath}/static/js/jquery-3.5.1.min.js"></script>
    <!-- 引入Bootstrap -->
    <script src="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <link href="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">

更多推荐

bootstrap 模态框点击无响应