在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

回答

相关问题