jQuery在Laravel中不起作用

问题描述 投票:0回答:2

我试图使用一个Web库,现在我在本地使用它(也是NPM安装它),但点击按钮上的功能并没有给我任何响应。控制台日志也是完全空的。没有更多关于如何使其发挥作用的想法。

这是我的代码:

<!doctype html>
    <head>
        <link rel="stylesheet" href="/css/app.css">
        <script src="{{asset('js/jquery.min.js')}}"></script>
    </head>

    <body>
        @include('inc.navbar')   
        <div class = 'container'>
            <div class = 'row'>
                <div class = 'col-md-8 col-lg-8' >
                    @include('inc.messages')
                    @yeld('content')
                    <button class = 'btn' id = 'test1'>SES</button>
                </div>
            </div>
        </div>
    </body>

    <footer id='footer' class = 'text-center'>
        <p>Copyright 2018 &copy; FitnessBook </p>
    </footer>

    @section('script')

    <script>
      $( "#test1" ).click(function(){
           alert( "Handler for .click() called.");
      });
    </script>

    @endsection

</html>
javascript jquery node.js laravel
2个回答
0
投票

你必须在HTML文档的footer中添加你的script标签和body

并使用以下代码替换您的脚本标记:

<script>
$(document).on('click','#test1',function(){
  alert("Hello !!!");
});
<script>

0
投票

我找到了解决方案。删除@section('script')并添加cdn的脚本src解决了这个问题。

© www.soinside.com 2019 - 2024. All rights reserved.