在Laravel中未定義jQuery

在windows上使用laravel 5.4。在Laravel中未定義jQuery

在scripts.blade文件中，我打電話給我爲Admin LTE bootstrap模板下載的各種javascript文件。

代碼：

<script> 
window.Laravel = {!! json_encode(['csrfToken' => csrf_token()]) !!}; 
</script> 
<script src="{{ mix('/js/app.js') }}"></script> 
<script src="https://use.fontawesome.com/8b42d9ab76.js"></script> 
<script src="/js/sweetalert.min.js"></script> 
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> 
<script> 
$.widget.bridge('uibutton', $.ui.button); 
</script> 

<!-- Morris.js charts --> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> 
<script src="admin-theme/plugins/morris/morris.min.js"></script> 
<!-- Sparkline --> 
<script src="admin-theme/plugins/sparkline/jquery.sparkline.min.js"> </script> 
<!-- jvectormap --> 
<script src="admin-theme/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script> 
<script src="admin-theme/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script> 
<!-- jQuery Knob Chart --> 
<script src="admin-theme/plugins/knob/jquery.knob.js"></script> 
<!-- daterangepicker --> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script> 
<script src="admin-theme/plugins/daterangepicker/daterangepicker.js"></script> 
<!-- datepicker --> 
<script src="admin-theme/plugins/datepicker/bootstrap-datepicker.js"></script> 
<!-- Bootstrap WYSIHTML5 --> 
<script src="admin-theme/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script> 
<!-- Slimscroll --> 
<script src="admin-theme/plugins/slimScroll/jquery.slimscroll.min.js"></script> 
<!-- FastClick --> 
<script src="admin-theme/plugins/fastclick/fastclick.js"></script> 
<!-- AdminLTE App --> 
<script src="admin-theme/dist/js/app.min.js"></script> 
<!-- AdminLTE dashboard demo (This is only for demo purposes) --> 
<script src="admin-theme/dist/js/pages/dashboard.js"></script> 
<!-- AdminLTE for demo purposes --> 
<script src="admin-theme/dist/js/demo.js"></script>

在Firebug我得到所有這些錯誤：

任何想法，這是爲什麼happenning？

來源

2017-03-08 Sigal Zahavi

這似乎是你不包括page.try的jQuery之前的所有腳本標籤 –

我不知道爲什麼你要downvoted。我可以從5.4升級5.4中重現此問題。你有沒有找到解決方案？ – Citizen

您是否在script標籤中包含了核心jquery.min.js。我看不到。你應該在任何js文件之前加入它。

來源

2017-03-08 06:47:48

因爲您缺少jQuery庫！包括它來完成依賴關係。你可以從here下載

來源

2017-03-08 06:48:08

這可能是因爲你的javaScript文件沒有加載尤其是Jquery。

使用：

<script src="{{asset('https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js')}}"></script>

不要直接給JS在刀片模板引擎的鏈接。

你應該總是用在你的頁面中嵌入腳本的刀片風格：

腳本可以通過以下兩種方式使用：

方法1：

<script src="{{asset('admin-theme/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js')}}"></script>

方法2：首選方式

{{Html::script('admin-theme/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js')}}

來源

2017-03-08 06:49:36

此呼叫加載的jquery：因爲app.js調用具有此代碼bootstrap.js： /** *我們將加載jQuery和Bootstrap jQuery插件，該插件爲基於JavaScript的Bootstrap功能（如模塊和選項卡）提供支持 *。這 *代碼可能會被修改，以適應您的應用程序的特定需求。 */ window。$ = window.jQuery = require（'jquery'）; 據我瞭解，這是Laravel加載jQuery –

的方式打開瀏覽器的開發控制檯，並檢查是否實際上已加載jquery。 –

確保了AdminLTE庫

來源

2017-03-08 06:52:35 Brad

謝謝大家，但我想你們都錯過了我正在使用laravel 5.4和mix，並且調用mix（'js/app.js'）應該自動包含jquery。 –

在Laravel中未定義jQuery

回答

相關問題