Laravel Mix, Jquery, Materialize $(...).可折叠不是一个功能"



我正在使用Materialize-Css进行一个新的laravel混合项目,并希望导入jquery。一切都很好。所有按照应该的方式编译的东西,我甚至可以在app.js中找到这个函数。但当我想使用可折叠函数时,它会声明

jQuery.Deferred异常:$(…(.可折叠不是函数类型错误:$(..(.可伸缩不是函数

我的代码看起来像这个

app.blade.php

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Fonts -->
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<!-- Scripts -->
<script type="text/javascript" src="{{ asset('js/app.js') }}"></script>
<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet" />
</head>

`

accordio.blade.php

<ul class="collapsible">
<li class="active">
<div class="collapsible-header"><i class="material-icons">bookmark_outline</i>Openstaande Werkbonnen</div>
<div class="collapsible-body">
<table class="striped responsive-table">
<thead>
<tr>
<th>Naam</th>
<th>Start Datum</th>
<th>Eind Datum</th>
<th>Info</th>
<th>Acties</th>
</tr>
</thead>
<tbody>
<tr>
<td>Werkbon 1</td>
<td>29-02-2021</td>
<td>29-03-2021</td>
<td>Dit is belangrijke informatie</td>
<td>
<i class="material-icons">
<a href="#" class="indigo-text">public</a>
<a href="#" class="green-text">check_circle</a>
<a href="#" class="orange-text">create</a>
<a href="#" class="red-text">delete</a>
</i>
</td>
</tr>
</tbody>
</table>
</div>
</li>
<li>
<div class="collapsible-header"><i class="material-icons-outlined">bookmark_added</i>Afgeronde Werkbonnen
</div>
<div class="collapsible-body">
<table class="striped">
<thead>
<tr>
<th>Naam</th>
<th>Start Datum</th>
<th>Eind Datum</th>
<th>Info</th>
<th>Acties</th>
</tr>
</thead>
<tbody>
<tr>
<td>Naam</td>
<td>Start Datum</td>
<td>Eind Datum</td>
<td>Informatie</td>
<td>
<i class="material-icons">w
<a class="blue-text">public</a>
<a class="red-text">delete</a>
</i>
</td>
</tr>
</tbody>
</table>
</div>
</li>
</ul>
<script type="text/javascript">
$(document).ready(function () {
$('.collapsible').collapsible();
});

bootstrap.js

window._ = require('material-icons');
window._ = require("materialize-css");
window.$ = window.jQuery = require('jquery');

https://i.stack.imgur.com/DA1W6.png

不知怎么的,只需一些技巧,它就可以解决这个小问题

引导程序.js

window.$ = window.jQuery = require('jquery');
window._ = require('material-icons');
window._ = require("materialize-css");

刚刚将jquery切换到顶部,它现在可以工作了!奇怪的但可以:(

最新更新