程序化保存按钮不起作用

我正在开发一个每页都有多个“保存”按钮的网站,我需要对每个网站进行回调,以便我可以在自己的系统中注册用户已完成保存操作。 我以为我已经想出了如何以编程方式执行此操作…但是对于我创建的每个小部件,当我尝试通过SDK将其添加到DOM时,我得到“无法读取属性’样式’的null”错误。

这是我的Javascript

 (function () { window.___fourSq = { "uid": "31904528", "secure": true, "explicit": false, "onReady": function () { $('.fourSquareVenueId').each(function () { var vid = $(this).val(); var widget = new fourSq.widget.SaveTo({ "vid": vid }); var container = $(this).parent().find('.placeholder'); widget.replace(container); }); } }; var s = document.createElement('script'); s.type = 'text/javascript'; s.src = 'https://platform-s.foursquare.com/js/widgets.js'; s.async = true; var ph = document.getElementsByTagName('script')[0]; ph.parentNode.insertBefore(s, ph); })(); 

基本上,当加载SDK时,我会查看所有隐藏的输入,其中包含场地ID,然后我尝试创建一个“保存”小部件来替换我作为占位符的空锚标签。

以下是Chrome控制台中错误屏幕截图的链接:

http://sofzh.miximages.com/javascript/f011c25bb88181251e2820e748b41093.png

任何帮助将不胜感激。 谢谢。

编辑:这是我正在使用的Foursquare文档: https : //developer.foursquare.com/overview/widgets#programmatic-instantiation

很长一段时间,但你改变了Array对象的原型吗?