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

Question

请问有人能够指导我如何在 Laravel 项目中添加自定义 JavaScript 吗？

我已经尝试了一些谷歌搜索出来的步骤，但是还是无法解决错误。

我的步骤如下：

1. 在 public 文件夹下新建一个 custom.js 文件，并添加一个简单的函数。
2. 在 app.blade.php 文件中添加 script 标签。
3. 扩展我的布局。

但这个函数并没有起作用。

$(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中添加了以下代码：

但是当我加载页面时，它并没有弹出警告。警告只是为了测试，我尝试了各种函数。

- Samir Paruthi

---

你尝试过从网络浏览器中查看源代码吗？ - Chuksy

首先感谢 chusky 的关注，但我已经尝试了，它确实显示了，但什么也没发生，还有一件事，如果我创建一个简单的函数而不是使用 $document.ready，例如：function check(){alert("example")} 并通过 on click 函数调用它，它可以工作，但当我使用 $(document).ready(function(){}) 时，它就不能工作。 - Samir Paruthi

@SamirParuthi 你好，能否检查一下你的浏览器控制台？如果有任何错误，请与我们分享。 - Amit Senjaliya

你遇到了什么错误？ - Dilip Hirapara

Answer 1

1. 您拼错了JavaScript
2. 在编写</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

- Udhav Sarvaiya

Answer 2

我需要审核你的代码。我发现你的代码中有一个拼写错误。

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

在 javascript 结尾处您漏写了 t。

- Amit Senjaliya

---

@SamirParuthi 当使用 $(document).ready(function() 时，您需要加载 jquery.min.js 但是拼写错误会阻止加载您的js文件。 - Amit Senjaliya

@SamirParuthi 很高兴我能解决您的问题。请接受答案。 - Amit Senjaliya