Jquery - skrypt "chosen" problem z załadowaniem

0

Cześć,

Korzystam z następujących skryptów:

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>


    <script type="text/javascript" src="~/lib/jquery/jquery.js"></script>
    <link href="~/lib/twitter-bootstrap/css/bootstrap.css" rel="stylesheet" />


    <!-- JS, Popper.js, and jQuery -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://harvesthq.github.io/chosen/chosen.css">
    @RenderSection("Scripts", required: false)
</head>
<body class="m-1 p-1">

    @RenderBody()
</body>
</html>

Zainstalowałem przez nugeta "chosen", które dodaje fajne ficzery do listy rozwijalnej. Problem jednak polega na tym, że moja metoda chosen:

<script>
    $(function () {
        $(".select").chosen();
    });
</script>

nie wykonuje się. Dostaję natomiast w consoli info:

jquery-3.5.1.min.js:2 Uncaught TypeError: $(...).chosen is not a function
at HTMLDocument.<anonymous> (AddBook:46)
at e (jquery-3.5.1.min.js:2)
at t (jquery-3.5.1.min.js:2)

0

Rozwiązałem problem poprzez wklejenie dwóch linii kodu do zewnętrznego źródła:

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.2/chosen.jquery.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.2/chosen.css" rel="stylesheet" type="text/css">

1 użytkowników online, w tym zalogowanych: 0, gości: 1