动态注入Facebook社交插件遇到可见性问题
添加Facebook社交插件增强网页交互性。但是,尝试使用 JavaScript 代码动态注入此类插件时可能会出现问题。
添加 Facebook 社交插件时遇到的一个此类问题是,尽管已添加到页面,但它们仍然处于隐藏状态。当插件手动添加到 DOM 时会发生这种情况,但使用 JavaScript 动态添加时不会发生这种情况。
解决问题:
要解决此问题,需要调用 FB.XFBML.parse() 函数。此函数允许 JavaScript SDK 重新解析动态添加的任何其他社交插件的 DOM。
下面的代码演示了如何使用 FB.XFBML.parse():
动态添加Facebook社交插件后调用该函数,SDK将识别新插件并渲染
其他信息:
Facebook JavaScript SDK 在初始化时扫描 DOM 一次,以识别和解析任何现有的社交插件元素。然而,对于动态添加的内容,需要重新解析这个步骤,以确保新添加的插件能够被正确识别并显示。
以上是为什么我的动态注入的 Facebook 社交插件被隐藏了?的详细内容。更多信息请关注PHP中文网其他相关文章!