ReferenceError: $ is not defined

Posted 4 months ago by irankhosravi

I have this error message ReferenceError: $ is not defined

This is my header.

<!doctype html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="{{ asset('themes/css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('themes/css/bootstrap-rtl.min.css') }}">
    <link rel="stylesheet" href="{{ asset('themes/css/all.min.css') }}">
    <link rel="stylesheet" href="{{ asset('themes/css/style.css') }}">

    <title>Admin</title>
</head>
<body>
@include('Admin.layouts.header')
<div id="app">
    <div class="row">
        @include('Admin.layouts.sidebar')
        @yield('content')
    </div>
</div>
@include('Admin.layouts.footer')
<script src="{{ asset('themes/js/jquery-3.3.1.slim.min.js') }}"></script>
<script src="{{ asset('themes/js/popper.min.js') }}"></script>
<script src="{{ asset('themes/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('themes/js/jquery-3.3.1.min.js') }}"></script>
</body>
</html>

Following is my JavaScript code

<footer>

</footer>

<script>
    $("#list").click(function () {
        $("#submenu").show();
    });
</script>

Please sign in or create an account to participate in this conversation.