Я строю компоновку приложения laravel, и у меня возникают ошибки, которые я не могу понять. Боковая панель и другие компоненты не загружаются. я получаю ошибку: Uncaught TypeError: jQuery(...).sidebar is not a function. это происходит с другими компонентами (раскрывающийся список / аккордеон), ошибка выпадающего списка и ошибка аккордеона отображаются в инструментах разработчика Chrome при загрузке страницы, ошибка боковой панели отображается только при попытке открыть боковую панель.
Причина, по которой яЯ включил laravel в теги, потому что я протестировал точно такой же макет в другой папке (за пределами структуры laravel), и он работает. я не уверен, что именно так Laravel обрабатывает представления.
Загружаемые скрипты находятся в <head>:
<script src="{{ asset('js/jquery-3.2.1.min.js') }}"></script>
<script scr="{{ asset('semantic/semantic.min.js') }}"></script>
в конце <body>
<script type="text/javascript">
jQuery('#menu').click(function(){
$('.ui.sidebar').sidebar('toggle');
});
</script>
<script type="text/javascript">
jQuery('.ui.accordion').accordion({
selector: {
}
});
</script>
<script type="text/javascript">
jQuery(".ui.dropdown").dropdown({
allowCategorySelection: true,
transition: "fade up",
context: 'sidebar',
on: "click"
});
</script>
Вот код боковой панели:
<div class="ui sidebar vertical left inverted menu" id="sidebar">
<br>
<div class="ui inverted accordion" style="padding-left: 10px">
<div class="title item">Tasks<i class="dropdown icon"></i></div>
<div class="content">
<a class="small item" href="">My Tasks<i class="ui tasks icon"></i></a>
<a class="small item" href="">Task Overview<i class="ui globe icon"></i> </a>
<a class="small item" href="">New task<i class="ui plus icon"></i></a>
</div>
</div>
<br>
<div class="ui inverted large accordion" style="padding-left: 10px">
<div class="title item">Reports<i class="dropdown icon"></i></div>
<div class="content">
<a class="item" href="">Reports<i class="bar chart icon"></i></a>
</div>
</div>
...
Я попытался использовать разные версии jquery и изменить порядок загрузки jquery и semantic.js.
Есть другие вопросы, подобные этому в stackoverflow, я пробовал их, но продолжаю получать те же ошибки
заранее спасибо.