我正在尝试使用 Laravel Blade 模板,包括一些 javascript 代码到 subview 中。
我有我的邮件app.blade.php文件,其中放置jquery初始化字符串:
<script src="/js/jquery.min.js"></script>
在我的 subview 文件settings.blade.php中,我想使用一些jquery函数:
@extends('layouts.app')
@section ('content')
Settings main page
@endsection
<script type="text/javascript">
$(document).ready(function() {
alert("Settings page was loaded");
});
</script>
但是在浏览器控制台中,我收到一条错误消息 Uncaught ReferenceError: $ is not Defined ,这似乎是在 subview 文件中调用该函数之后加载了 jquery。
添加一行:<script src="/js/jquery.min.js"></script>
进入 settings.blade.php 解决了问题。但我不想将脚本文件添加到每个 subview 文件中。
所以问题:如何在加载 subview 文件之前加载父 Blade 文件中的主要 javascript\jquery 文件?
最佳答案
请按此走
对于 jquery 脚本文件执行此操作
<script src="{!!url('/js/jquery.min.js')!!}"></script>
并对内容部分执行此操作
@extends('layouts.app')
@section ('content')
Settings main page
<script type="text/javascript">
$(document).ready(function() {
alert("Settings page was loaded");
});
</script>
@endsection
<小时/>
已更新
<小时/>与在内容部分编写脚本相比,在 app.blade.php 中创建另一个脚本编写部分会更好、更专业
一般我都是这样的
<html>
<head>
@yield('page-style-files')
</head>
<body>
<div class="wrapper">
@yield('content')
</div>
</body>
@yield('page-js-files')
@yield('page-js-script')
<html>
例如,您的代码将如下所示
@extends('layouts.app')
@section ('content')
Settings main page
@endsection
@section('page-style-files')
<link href="....css" />
@stop
@section('page-js-files')
<script src=".....js"></script>
@stop
@section('page-js-script')
<script type="text/javascript">
$(document).ready(function() {
alert("Settings page was loaded");
});
</script>
@stop
关于jquery - Laravel Blade 使用 $(document).ready 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36736177/