Recurly.js v3和加载项
Recurly.js v3和加载项
提问于 2014-06-06 09:38:39
我正在努力弄清楚如何在Recurly.js v3中使用加载项。
我将一个recurly.Pricing实例附加到我的表单中，并为一个可选的注释创建了一个复选框：
<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);
})问题
当我单击复选框时，不会触发任何价格更改事件。我在这方面花了几个小时，但没有结果，所以像我这样没有在文档中找到适当例子的人会很感激的。
提前谢谢你。
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-06-06 21:08:22
文档是正确的，因为您应该使用data-recurly="addon"。
也就是说，在添加计划之前，附件方法中似乎有一个缺陷，试图在定价实例中添加一个插件。因此，它无法从计划中找到所需的附加信息。
至于使用复选框，我创建了一个拉请求在这里来添加对该输入类型的显式支持，因为它以前没有出现过。它的值赋值方法对于数值来说并不理想，这在技术上是这样的，但我认为这是一个很好的用例。
在计划可用之前，我将提交一份bug报告来解决设置加载项的问题。现在，您可以尝试以下操作，这将在计划加载时以及每当有人选择不同的计划时更新您的表单。
pricing.on('set.plan', function (plan) {
// loop through your plan addons
$.map(plan.addons, function (addon) {
// add an input to the form corresponding to this addon
});
// since the form contents have changed, we need to refresh the binding
pricing.attach(subscription_form.get(0));
});这是这里有一个启用了加载项的例子采用的策略。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24078698
复制相关文章
相似问题
腾讯云开发者
