bootstrap 模态框点击无响应

    科技2022-07-10  114

    问题描述:

    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">
    Processed: 0.013, SQL: 8