jQuery 无法在 Safari 浏览器和 MAC 中的 chorome 上运行

Question

我刚刚完成了一个网站，链接是 http://techuire.com/portfolio/BlotHub/

这个网站的问题是 jQuery 根本不能在 safari 浏览器上运行。 jQuery 也不适用于 MAC 中的 Chrome。

如何测试？请在 PC 中的 Chrome 上打开上述链接，然后在 MAC 或 Safari 中的 Chrome 上执行相同操作。转到组合交易并单击添加到购物车。左侧购物车不会在以后的操作系统和浏览器上更新。但将在 Windows PC 的 Chrome 上加载。

我提到我的代码以供参考。当用户单击“添加到购物车”按钮时，此代码将被执行

<script type="text/javascript">

  $(document).ready(function(){

                   $('.add_to_cart').click(function(){

                    var product_id= $(this).attr("id");
                    var product_name= $('#name'+product_id).val();
                    var product_price= $('#price'+product_id).val();
                    var product_image= $('#image'+product_id).val();
                    var product_quantity= $('#quantity'+product_id).val();
                    //alert(product_price);
                        $.ajax({

                            url:"includes/add_to_cart.php",
                            method:"POST",
                            data:{
                                product_id:product_id,
                                product_name:product_name,
                                product_price:product_price,
                                product_image:product_image,
                                product_quantity:product_quantity,
                            },
                              success: function(value)
                                    {
                                    swal("Success!", "Product added into cart!", "success");
                                    setInterval(function(){
                                    var quantity_id= $('#quantity_id').val();
                                    $('.quantity123').load("includes/fetch_quantity.php?id=" + $('#quantity_id').val()).fadeIn("slow");


                                    },500);

                                    }

                        });

                   });

                     setInterval(function(){
                    $('.popupcart').load("includes/fetch.php").fadeIn("slow");
                    //use in header pop_up_page

                    },500);

                 $('.add_to_cart').click(function() {
                    location.reload();
                    });


                     setInterval(function(){
                    $('.cart_products').load("includes/fetch.php").fadeIn("slow");
                    //use in header pop_up_page

                    }, 1000);


        });

        </script>

"add_to_cart.php" 只是从数据库中返回一些值，该代码与此查询无关。

感谢期待

Answer 1

我会建议使用 class 而不是 id。或者在生成动态 id 时添加一些后缀

您在同一页面上有多个 ID #name、#city 等。