本文详解 jquery 中因语法错误（如 `$(document).ready` 缺失括号、`parsint` 拼写错误）导致的“加入购物车”和数量增减按钮无响应问题，并提供可直接运行的修复代码与关键注意事项。

在开发电商类 Laravel 页面时，常通过 jQuery 实现商品数量增减与加入购物车交互。但若按钮点击无反应，即使控制台无报错，也极可能是基础语法或选择器逻辑问题。以下是典型故障点及完整解决方案：

Lobe

微软旗下的一个训练器学习模型的平台

下载

✅ 核心问题定位与修复

1. $(document).ready() 语法错误
   原代码中遗漏了函数调用所需的括号：
   ❌ $(document).ready(function { … })
   ✅ 正确写法为：$(document).ready(function() { … })

2. parsint 拼写错误
   JavaScript 内置方法为 parseInt()，拼错会导致 ReferenceError: parsint is not defined（部分浏览器可能静默失败）。
   ❌ parsint(inc_value,10)
   ✅ parseInt(inc_value, 10)

3. 选择器范围不严谨（潜在隐患）
   原 .addtoCartbtn 点击事件中使用 $(this).closest(‘.product_data’) 查找 .prod_id，但 HTML 片段中未体现 .product_data 容器类——若该 class 缺失或嵌套层级不符，将取值为空。为保障兼容性，修复版先采用全局选择器 $(‘.prod_id’)；强烈建议在实际项目中补全语义化容器结构（见下方优化提示）。

✅ 修复后的完整 jQuery 代码（可直接替换使用）

@section('scripts')

@endsection

⚠️ 关键注意事项

• DOM 加载时机：确保此脚本置于

https://www.php.cn/faq/2027235.html