Question

我正在使用一些简单的jquery来显示购物车按钮，如果已经添加到购物车中。

if ( $('.cartSummaryItem').text() != 'Shopping cart is empty.' ) {
     $('.account').fadeIn(1000)
};

如果购物车为空，则显示“购物车为空”字样，如果添加了某些内容.account将淡入。问题是我需要刷新页面以使其正常工作，有没有办法在不刷新ajax或类似页面的情况下执行此操作？

由于 NIK

Answer 1

如果更改事件不起作用。另一种方法是使用Interval。

<script type='text/javascript'>
    $(document).ready(function()
    {
        setInterval(function () { 
            if ( $('.cartSummaryItem').text() != 'Shopping cart is empty.' ) {
                $('.account').fadeIn(1000)
            };
        }, 10000);
    });
</script>

当然，间隔应该更改为您想要的数量。如果更改不起作用，我只会使用此.. 更改事件优先。

Answer 2

嗯，我猜你有两个选择

在用户更改购物车内容后调用javascript代码
轮询服务器以进行购物车更改

如果可以的话，你应该选择第一个选择。您是否可以控制更改购物车内容的代码？

将ajax添加到简单的jquery函数中

2 个答案: