Why does the introduction of js, say that there is no such method?

< link rel= "stylesheet" href= "${pageContext.request.contextPath} / css/admin/plugin/overhang.min.css" / >

<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="/js/jquery.min.1.8.2.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/admin/plugin/overhang.min.js"  />

<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


 <script>
 $(document).ready(function(){
        /**/
        $(".nav li").click(function() {
            $(".active").removeClass("active");
            $(this).addClass("active");
            $(".collapse.in").collapse("hide");  /*bootstrap.in.in*/
        });   
 
     });
</script>





clipboard.png
is the problem of js conflict? how to solve

Mar.18,2021

bootstrap3 requires more than 1.9.1 jquery


collapse is not a jquery method, and then your bootstrap is loaded by cdn. I wonder if your bootstrap load failed


dom hasn't been loaded yet? When using jquery, you have to wait for loading to complete


$(".collapse.in")

should be:

$(".collapse .in")
Menu