如何在blade.php 中使用來自外部.js 文件的代碼？

Question

我有資源/js/jquery.js 文件，我在其中聽按鈕被按下拋出 jQuery，並執行一些操作。 問題是我無法將 jquery.js 導入到我的 .blade.php 中。

我通過 public/js 添加了 jquery.min.js。

我在.blade.php 中有什么

<form id="RegisterForm" method="GET">
    <input type="text" name="username" id="username">
    <input type="text" name="email" id="email">
    <input type="text" name="password" id="password">
    <input type="text" name="password2" id="password2">
    <input type="submit" value="REGISTER" id="registerButton">
</form>
<script src="{{asset('js/jquery.min.js')}}"></script>
<script src="/js/jquery.js"></script>

我在jquery.js 中有什么

window.onload = function(){
$(document).ready(function(){
    $('#registerButton').click(function(){
        alert("Hello");
    });
 });
}

我需要得到alert("Hello");

問題是，當單擊按鈕時沒有任何反應，我不確定是因為我錯誤地添加了 jquery.min.js，還是僅包含我的 jquery.js 腳本是錯誤的。 或者這是不可能的，我必須在我的 .blade.php 的正文底部添加它

<script type="text/javascript">
    window.onload = function(){
        $(document).ready(function(){
            $('#registerButton').click(function(){
                alert("Hello");
            });
        });
    }
</script>

Answer 1

我們假設您在 public/assets 中有您的 js 文件夾
然后
添加外部js這樣的東西。

<script src="{{ asset('js/jquery.min.js') }}"></script>
<script src="{{ asset('js/jquery.js') }}></script>

並在 2 個花括號之后/之前添加空格。

我希望你的問題會得到解決