jQuery与css混为一谈

我的导航栏中有一个购物车图标，如果用户选择“添加到购物车”，该图标上的数字将显示一个增量

虽然在加载页面时，图标是正常的，但是当向购物车添加1个项目时，它会生成购物车的副本和包含项目数的徽章

if ($totalquantity >= 0) {
    echo '<div class="badge"'.$totalquantity.'">
          <i class="cart-icon" ></i>
          </div>';
} 

将_添加到_cart.php

$index = $_GET['index'];

//from product.php
if(isset($_POST['orderQuantity'])){
    $orderQuantity = $_POST['orderQuantity'];

    if(isset($_SESSION['cart'][$index]))
        $_SESSION['cart'][$index] += $orderQuantity;
    else
        $_SESSION['cart'][$index] = $orderQuantity;
}

---

您可能需要

$（'.badge'）.html（数据）而不是
$（'.cart图标'）。加载（'badge'）
$（'.cart icon'）。load
将新内容加载到
.cart icon
中，这是
图标-您希望替换此图标，而不是将内容加载到其中。在添加项目后检查HTML，它会像
（如果添加另一个项目，可能会添加2）一样使购物车图标消失，并且徽章不会增加其价值。但是没有重复项，
add_to_cart.php
返回什么？只是增加值而已
$index = $_GET['index'];

//from product.php
if(isset($_POST['orderQuantity'])){
    $orderQuantity = $_POST['orderQuantity'];

    if(isset($_SESSION['cart'][$index]))
        $_SESSION['cart'][$index] += $orderQuantity;
    else
        $_SESSION['cart'][$index] = $orderQuantity;
}