javascript - Recurly.js v3 とアドオン

Question

Recurly.js v3 でアドオンを使用する方法を理解しようとしています。

フォームにインスタンスを1 つ添付recurly.Pricingし、オプションのアドオンのチェックボックスを作成しました。

HTML

<label for="plan-mobile" class="checkbox">
  <input type="checkbox" value="1" data-recurly="addons" data-recurly-addon="plan+mobile" id="plan-mobile">
  Mobile Version
</label>

Javascript

var pricing = recurly.Pricing();
pricing.attach(subscription_form.get(0)); // subscription_form is a jQuery object

ドキュメントに記載されているとおりに使用するdata-recurly="addon"と、フォームを添付すると Javascript エラーが発生します。

Uncaught TypeError: Cannot read property 'addons' of undefined 

したがって、正しい値は であると思いますdata-recurly="addons"。

価格の変更とアドオンの設定を検出するためのイベントも添付しました。

pricing.on('set.addon', function(addon) {
  console.log('set.addon');
  console.log(addon);
});

pricing.on('change', function(price){
  console.log('changed price');
  console.log(price);
})

問題

チェックボックスをクリックしても、価格変更イベントはトリガーされません。私はこれに数時間を費やしましたが、結果はありませんでしたので、ドキュメントに適切な例が見つからない私のような人は助けていただければ幸いです。

前もって感謝します。