0

カートにあるアイテムの数を取得し、それを span.cartTotal に配置してスタイリングを改善する JavaScript があります。コードが機能する必要があるため、情報がすぐに取得され、更新を確認するためにページを更新する必要がありません。コードには jquery .live または .on を追加する必要があると思います。どんな助けでも大歓迎です。ありがとうございました

$(function(){         
    if ($('#catCartSummary .cartSummaryItem').html() != 'Shopping cart is empty.') {
         var summary = $('#catCartSummary .cartSummaryItem').text().split(" ");
         var total = summary[0];
      $('span.cartTotal').html(total);
    }else{
      $('span.cartTotal').html("0");
    }
});

詳細: 私のカートへの追加クラスは .productSubmitInput です

動的に作成される以下のコードから情報を取得します。このカートの合計は、cartSummaryItem で自動的に更新されます。誰かがカートに追加したときに、新しいスタイルの合計を更新する必要があります。以下の提案を試しましたが、うまくいかないようでした。何か間違ったことを追加している可能性があります。

<td class="cartSummaryItem">
1 item(s), Total: $10.95 
</td>
4

1 に答える 1

1

コメントが言ったこと、基本的に

また、.live は推奨されていないため、.live ではなく .on を使用してください。

このようなもの：

function updateTotals() {
 if ($('#catCartSummary .cartSummaryItem').html() != 'Shopping cart is empty.') {
         var summary = $('#catCartSummary .cartSummaryItem').text().split(" ");
         var total = summary[0];
      $('span.cartTotal').html(total);
    }else{
      $('span.cartTotal').html("0");
    }
}

$(function(){
  updateTotals(); // <-- initial load update

  $('some_selector').on('click',function(){

    // do stuff like adding items to cart or w/e...

    updateTotals();

  });
});
于 2012-08-24T16:52:47.720 に答える