在我的网页中，添加到购物车按钮（从主页）不起作用

Answer 1

“添加到购物车”按钮的问题源于元素 ID 和 JavaScript 选择器之间缺乏一致性。值得注意的是，在 $("#product-quantity-" + index).val() 等代码片段中，您似乎省略了在必要的 HTML 端附加索引值。

您有必要动态化 HTML 中输入元素的 ID。

   <input type="hidden" value="1" id="product-quantity-{{p.id}}" 
   class="product-quantity-{{p.id}}">

此外，在 JavaScript 代码中，您必须确保 .val() 和 .attr('value') 的使用与适当的元素准确配对

let quantity = $("#product-quantity-" + index).val();
let product_image = $(".product-image-" + index).attr('value');