gpt4 book ai didi

javascript - jquery 在外部 js 文件中工作,但在 View Blade 中不起作用

转载 作者:行者123 更新时间:2023-12-01 02:30:00 25 4
gpt4 key购买 nike

我使用的是 Laravel 5.5。当我在外部 js 文件中使用 jquery 时,它可以工作,但是当我在 Blade View 中写入 jquery 时,它会给出错误:$ 未定义或找到。我还通过在加载 app.js 文件后在布局文件中编写 jquery 来检查它是否有效。 Jquery 只是在 Blade 内部不起作用。当我加载 jquery 时,Jquery 在 Blade 内部工作。但是即使没有加载jquery,它如何在外部js和布局中工作。所以我担心的是,如果 jquery 在 laravel 中默认加载,为什么它在 Blade 中不起作用?

这是我的 Blade 内容:

@extends('layouts.app')
@section('content')
<div class="container">
</div>
@endsection

<script type="text/javascript">
$(document).ready(function() {
alert('lol');
})
</script>

最佳答案

您的 JavaScript 代码位于任何部分之外,因此不会被渲染。在blade中渲染内联javascript的一个好方法是在布局中使用@stack,然后从扩展布局的任何 View 中使用@push:

app.blade.php:

<html>
<head></head>
<body>
[...]
@yield('content')
[...]
<script src="jquery.js"></script>
@stack('scripts')
</body>
</html>

您的 View (template.blade.php):

@extends('layouts.app')
@section('content')
<div class="container">
</div>
@endsection

@push('scripts')
<script type="text/javascript">
$(document).ready(function() {
alert('lol');
})
</script>
@endpush

关于javascript - jquery 在外部 js 文件中工作,但在 View Blade 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48376691/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com