如何在我的 laravel 项目中添加自定义 javascript 文件？答案

【问题标题】：How Can I add Custom javascript file in my laravel project?如何在我的 laravel 项目中添加自定义 javascript 文件？
【发布时间】：2019-09-24 10:39:24
【问题描述】：

谁能指导我如何在 Laravel 项目中添加自定义 javascript？

我google了一下，找到了一些步骤，但无法弄清楚错误是怎么回事？

步骤一

用一个简单的函数在我的公共文件夹中创建了一个 custom.js
在我的app.blade.php 中添加脚本标签
扩展我的布局

但该功能不起作用

$(document).ready(function()
{
    alert("hello this is test");
})

custom.js

enter code here

<script type="text/javascrip" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>"
<script type="text/javascript" src="{{asset('js/custom.js')}}"></script>

我在主文件app.blade中添加的代码

但是当加载我的页面时它不会给我一个警报。警报仅用于测试我尝试过的各种功能。

【问题讨论】：

您是否尝试过从网络浏览器查看源代码？
首先感谢 chusky 表现出的兴趣，但是是的，我做了并且它的显示，但没有任何工作，还有一件事如果我正在制作一个没有 $document.ready 的简单函数，比如函数 check(){alert( “示例”）并通过点击功能调用它，但当我通过 $(document).ready(function(){}) 使用它时，它不起作用
@SamirParuthi 你好，你能检查一下你的浏览器控制台吗？如果发生任何错误。请与我们分享。
你遇到了什么错误？

标签： javascript php laravel

【解决方案1】：

我必须检查您的代码。我在您的代码中发现了一个错误，例如拼写错误。

<script type="text/javascript" 
 src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>"

你在javascript的末尾错过了t。

【讨论】：

@SamirParuthi 使用$(document).ready(function() 时需要加载jquery.min.js 但拼写错误会阻止加载您的js 文件。
@SamirParuthi 很高兴我能解决您的问题。请接受答案。

【解决方案2】：

您拼错了 javascript
写完</script>后去掉(")

对于 Javascript：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="{{ URL::asset('js/custom.js') }}"></script>

让你的 JS 目录结构如下：/public/js/custom.js

【讨论】：