如何使用div元素构建Recurly.js表单？
如何使用div元素构建Recurly.js表单？
提问于 2016-02-05 17:13:18
我的团队正在使用Recurly.js在我们的网站上建立一个支付页面。我们一直在跟踪https://docs.recurly.com/js的文档。根据医生的说法，
创建一个您喜欢的表单。使用数据递归属性来标识Recurly.js的输入字段目标。为了确定Recurly.js将注入卡数据字段的位置，我们建议使用简单的div元素。
问题是div元素实际上没有在表单中显示。下面是一个基于文档的可复制的简短示例：
<!doctype html>
<html lang="en">
<head>
<!-- Recurly.js script and API key config -->
<script src="https://js.recurly.com/v4/recurly.js"></script>
<script>recurly.configure('... API Key here...');</script>
</head>
<body>
<form>
<input type="text" data-recurly="first_name">
<input type="text" data-recurly="last_name">
<div data-recurly="number"></div>
<div data-recurly="month"></div>
<div data-recurly="year"></div>
<div data-recurly="cvv"></div>
<input type="hidden" name="recurly-token" data-recurly="token">
<button>submit</button>
</form>
</body>
</html>看上去是这样的：
如您所见，两个input的显示很好，但div的显示都不正确。
我们做错了什么，如何用div 元素构建Recurly.js表单？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-02-05 21:29:24
调用配置的javascript代码不能在head标记中，应该位于body标记中。
<script>recurly.configure('... API Key here...');</script>这个例子应该向您展示如何正确地设置它。注意他们将javascript放在主体中的位置：https://github.com/recurly/recurly-js-examples/blob/master/public/minimal/index.html
<!doctype html>
<html lang="en">
<head>
<!-- Recurly.js script and API key config -->
<script src="https://js.recurly.com/v4/recurly.js"></script>
</head>
<body>
<form>
<input type="text" data-recurly="first_name">
<input type="text" data-recurly="last_name">
<div data-recurly="number"></div>
<div data-recurly="month"></div>
<div data-recurly="year"></div>
<div data-recurly="cvv"></div>
<input type="hidden" name="recurly-token" data-recurly="token">
<button>submit</button>
</form>
<script>recurly.configure('... API Key here...');</script>
</body>
</html>浏览器在头中加载javascript，然后递归加载，然后在主体中使用递归。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35229797
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号