Javascript Laravel中的JQuery已导入但不工作
我正在玩Laravel上一个版本,试图在前端导入和使用JS文件。我将它们存储在我的文件夹“public/js/”中。Javascript Laravel中的JQuery已导入但不工作,javascript,laravel,Javascript,Laravel,我正在玩Laravel上一个版本,试图在前端导入和使用JS文件。我将它们存储在我的文件夹“public/js/”中。 我有一个刀片模板,你可以在下面看到,pizza.Blade.php。如果您查看页面源代码,您可以清楚地看到JS文件是存在的,因为它们的链接是“…” 但是,它们在文档中不起作用,通过查看“网络”选项卡,我可以看到它们没有导入。 位于“公共/存储”中的图像pizza.png显示正确。 我做错了什么? 另外,是否有更好的实践来使用JS文件,如mix或npm?提前感谢 <!DOCT
我有一个刀片模板,你可以在下面看到,pizza.Blade.php。如果您查看页面源代码,您可以清楚地看到JS文件是存在的,因为它们的链接是“…”
但是,它们在文档中不起作用,通过查看“网络”选项卡,我可以看到它们没有导入。
位于“公共/存储”中的图像pizza.png显示正确。
我做错了什么? 另外,是否有更好的实践来使用JS文件,如mix或npm?
提前感谢
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script>src="{{asset('/js/jquery-3.3.1.js')}}"</script>
<script>src="{{ asset('/js/test.js') }}"</script>
<title>Document</title>
</head>
<body>
<h1 class="ciao">PIZZA LOGO</h1>
<div>
<img src="http://localhost:8000/storage/pizza.png" alt="">
</div>
</body>
<script>
$(document).ready(function () {
$(".ciao").css('display', 'none');
});
</script>
</html>
src=“{asset('/js/jquery-3.3.1.js')}”
src=“{asset('/js/test.js')}”
文件
比萨饼标志
$(文档).ready(函数(){
$(“.ciao”).css('display','none');
});
您有此错误
<script>src="{{asset('/js/jquery-3.3.1.js')}}"</script>
src=“{{asset('/js/jquery-3.3.1.js')}”
这只是一个包含单个javascript变量和字符串的脚本。你需要这个:
<script src="{{asset('/js/jquery-3.3.1.js')}}"></script>
这是带有src
属性的html脚本标记。您有此错误
<script>src="{{asset('/js/jquery-3.3.1.js')}}"</script>
src=“{{asset('/js/jquery-3.3.1.js')}”
这只是一个包含单个javascript变量和字符串的脚本。你需要这个:
<script src="{{asset('/js/jquery-3.3.1.js')}}"></script>
这是带有src
属性的html脚本标记