$ (...). formSelect не является функцией

Question

введите описание изображения здесь введите описание изображения здесь Я использую плагины *ize 1022 * для форм. Работает нормально на странице html, но пока я использую ее. Net core MVC view, опция выбора не работает. в консоли отображается ошибка .. введите описание изображения здесь

'код'

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<link href="~/css/materialize.min.css" rel="stylesheet" />
<script src="~/js/jquery.min.js"></script>

<script src="~/js/materialize.min.js"></script>

<script>
    $(document).ready(function () {

        $('select').formSelect();

        $('.datepicker').datepicker();

    });

</script>

<div class="container body">

    <div class="col-md-12 col-sm-12  form-group has-feedback">

        <div class="input-field">

            <i class="material-icons prefix">assignment</i>

            <select id="ddlAssignment">

                <option value="" disabled selected>Choose your option</option>

                <option value="1">Carolinas, Main</option>

                <option value="2">Option 2</option>

                <option value="3">Option 3</option>

            </select>

            <label>Assignment</label>

        </div>


    </div>

    <div class="col-md-6 col-sm-6  form-group has-feedback">

        <div class="input-field">

            <i class="material-icons prefix">event_note</i>

            <input type="text" class="datepicker">

            <label class="dated-lbl" for="icon_prefixsd">Service Date</label>

        </div>
    </div>
</div>

Answer 1

Я провел тест с использованием Материализации плагинов in. NET Core MVC просмотра страницы, которая хорошо работает на моей стороне, пожалуйста, обратитесь к ней.

<div class="container body">
    <div class="col-md-12 col-sm-12  form-group has-feedback">

        <div class="input-field">

            <i class="material-icons prefix">assignment</i>

            <select id="ddlAssignment">

                <option value="" disabled selected>Choose your option</option>

                <option value="1">Carolinas, Main</option>

                <option value="2">Option 2</option>

                <option value="3">Option 3</option>

            </select>

            <label>Assignment</label>

        </div>
    </div>

    <div class="col-md-6 col-sm-6  form-group has-feedback">

        <div class="input-field">

            <i class="material-icons prefix">event_note</i>

            <input type="text" class="datepicker">

            <label class="dated-lbl" for="icon_prefixsd">Service Date</label>

        </div>
    </div>
</div>

@section scripts{
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <script src="~/lib/jquery/dist/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

    <script>
        $('select').formSelect();

        $('.datepicker').datepicker();
    </script>
}

Вы Можно создать новую страницу просмотра и включить материализацию из CDN, как я делал в приведенном выше примере, а затем проверить, может ли она хорошо работать в вашем проекте. Кроме того, чтобы проверить, не вызывают ли проблемы какие-либо конфликты с другими файлами jquery (на которые есть ссылки в файле макета), установите Layout = null;, чтобы не использовать макет для страницы просмотра.