0

何かがカートに追加された場合、カートを見るボタンを表示するためにいくつかの単純なjqueryを使用しています。

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

カートが空の場合、「ショッピング カートは空です。」というテキストが表示され、何かが追加されると、.account がフェードインします。問題は、これが機能するためにページを更新する必要があることです.ajaxなどでページを更新せずにこれを行う方法はありますか?

ありがとうニック

4

2 に答える 2

1

change イベントが機能しない場合。別の方法は、間隔を使用することです。

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

もちろん、間隔は希望する量に変更する必要があります。変更が機能しない場合にのみこれを使用します..変更イベントが優先されます.

于 2013-05-02T08:42:34.400 に答える
0

まあ、あなたには2つの選択肢があると思います

  • ユーザーがカートの内容を変更した後に JavaScript コードを呼び出す
  • カートの変更をサーバーにポーリングする

可能であれば、おそらく最初の選択肢に行くべきです。カートの内容を変更するコードを制御できますか?

于 2013-05-02T07:59:33.373 に答える