Laravel8中master页面按钮点击无提示功能问题求助

你的按钮点击无响应是因为JavaScript代码存在语法错误，具体问题和修复如下：

错误点说明 #

• $(document).ready(function()) 多了一个多余的右括号 )，正确写法为 $(document).ready(function()
• $("button").click(function()) 同样多了一个右括号 )，正确写法为 $("button").click(function()
• alert("button works correctly") 缺少语句结束的分号 ;
• 函数闭合的括号、大括号不匹配，需补充完整的闭合符号

修复后的完整代码 #

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>E-Comm Project</title>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

</head>
<body>
    <!-- 需添加实际的按钮元素，否则事件绑定无目标 -->
    <button>点击测试</button>
</body>
<script>
    $(document).ready(function() {
      $("button").click(function() {
         alert("button works correctly");
      });
    });
</script>
</html>

额外提示 #

• 要确保<body>标签内存在实际的<button>元素，否则事件绑定找不到目标元素
• 可通过浏览器开发者工具（按F12）查看控制台的错误信息，快速定位语法类问题

内容的提问来源于stack exchange，提问作者Berke Yildiz