根据值

Question

我试图让我的篮子按钮有一个圆形div背景在项目被添加到篮子后变成蓝色，到目前为止，添加到篮子功能与ajax完美配合我只是不能以某种方式切换背景从无到显示基于例如篮子是否有1个或多个项目，背景需要为蓝色，如果篮子有0个项目，那么背景设置为无，这是我到目前为止所尝试的：

if($objBasket->number_of_items > 0) {
    $background = "block";
} else {
    $background = "none";
}

?>
<p class="in-cart" style="background:<?php echo $background; ?>"><?php echo $objBasket->number_of_items; ?></p>

和js：

function refreshMiniBasket() {

        $.ajax({

            url: '../modules/basket_mini_nav_refresh.php',
            dataType: 'json',
            success: function(data) {
                $.each(data, function(k, v) {
                    $(".in-cart").text(v);
                });
            },
            error: function(data) {
                alert('Error occurred');
            }

        });

    }

但是这只会在我手动重新加载页面时改变背景状态

Answer 1

将用于更改背景的代码放在Ajax调用的dict内。

success:

Answer 2

php比successCallback更像是一项工作。你可以在php中设置篮子的初始状态，但是应该从javascript中对篮子的状态进行实时更改。

在你的ajax的function refreshMiniBasket() { $.ajax({ url: '../modules/basket_mini_nav_refresh.php', dataType: 'json', success: function (data) { //... if (parseInt($(".in-cart").text()) > 0) $(".in-cart").show(); else $(".in-cart").hide(); }, error: function (data) { //... } }); } 内改变你的篮子外观。

DateTimeOffset date; //Your date
date.ToString("u", CultureInfo.InvariantCulture);