我试图使用一个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 © FitnessBook </p>
</footer>
@section('script')
<script>
$( "#test1" ).click(function(){
alert( "Handler for .click() called.");
});
</script>
@endsection
</html>
你必须在HTML文档的footer
中添加你的script
标签和body
。
并使用以下代码替换您的脚本标记:
<script>
$(document).on('click','#test1',function(){
alert("Hello !!!");
});
<script>
我找到了解决方案。删除@section('script')并添加cdn的脚本src解决了这个问题。