Question

我已经陷入了一个家庭作业项目，我需要将一个在线电子商务商店纳入我的HTML和CSS Barebones网页。

我试图显示“添加到购物车”按钮，这是我的代码，但根本没有显示。

<script>
        $(document).ready(function(){
        // add to cart button listener
        $('.add-to-cart-form').on('submit', function(){

            // info is in the table / single product layout
            var id = $(this).find('.product-id').text();
            var quantity = $(this).find('.cart-quantity').val();

            // redirect to add_to_cart.php, with parameter values to process the request
            window.location.href = "add_to_cart.php?id=" + id + "&quantity=" + quantity;
            return false;
        });
    });
</script>

这是其中一个子页面，而不是主页面。

我试图从这个链接中获取想法：https://www.codeofaninja.com/2015/08/simple-php-mysql-shopping-cart-tutorial.html。

我试图挺身而出，但我甚至不能以他们的榜样来处理我的项目。

我继续像以前一样获得相同的网页，并且没有任何更改出现。

请不要犹豫，询问其他详细信息。

这是我第一次使用Stack Overflow。我是制作网站的初学者。任何帮助，将不胜感激。我需要在星期五之前完成这项工作。

先谢谢大家。

Answer 1

当前代码仅将JS功能附加到“添加到购物车”按钮。但是你还没有创建一个。

在该教程网页的下方，它有一个部分实际显示名为“10.10渲染'购物车'按钮的按钮” 这可能是它工作所需代码量的最小值：

<form class='add-to-cart-form'>
    <div class='product-id'>
        <?php echo $id; ?>
    </div>
    <div>Quantity:</div>
    <input type='number' class='cart-quantity' value='1' min='1' />
    <button type='submit'>
         Add to cart
    </button>
</form>

取自https://www.codeofaninja.com/2015/08/simple-php-mysql-shopping-cart-tutorial.html

您可以将此部分放入脚本所在的子页面中。

PHP和MySQL帮助购物车

1 个答案: