WP嵌入函数+Instagram+AJAX的使用问题

时间：2014-12-10 作者：Adam Walter

我使用一个模式通过AJAX加载帖子内容。在帖子的模板中，我使用wp\\u oembed\\u get（）嵌入不同类型的媒体（YouTube、Vimeo、Flickr和Instagram）。除了Instagram，一切正常。

当我打开一篇包含Instagram嵌入的帖子时，它的加载效果很好。但是如果我关闭模态并尝试加载另一篇文章，嵌入将无法正常工作。嵌入中的照片/视频未加载。

这是页面：http://staging.smuttynose.com/the-hopper

如果您打开一个“Instagram测试”帖子，关闭它，然后加载另一个帖子，您将看到发生了什么。

我想不出这件事了！

1 个回复
最合适的回答,由SO网友:Banago 整理而成

Instagram已将其嵌入代码从原来的iframe 一堆HTML和JS脚本。很不雅观，但我们无能为力。当然，这个设置在通过AJAX调用时会失败，因为作为HTML一部分的JS文件不会运行。谢天谢地，有另一种官方方法可以通过两个步骤使其与AJAX协同工作：

在HMTL中包含以下脚本：

<script src="//platform.instagram.com/en_US/embeds.js"></script>

  • 使用AJAX加载内容后运行此JS：

    if ( typeof window.instgrm !== \'undefined\' ) { window.instgrm.Embeds.process(); }

    • 它所做的是查找Instagram嵌入并加载它们。祝你好运！

    结束
    标签： oembed   小码农  

    相关推荐

    如何从自定义字段OEmbedded、响应容器大小和响应

    我正在使用Magic Fields 2添加自定义字段/元框。一个自定义字段用于显示Vimeo或YouTube视频URL。以下内容code oEmbeds the video URL:<?php if (!((get_post_meta($post->ID, \'video_url\', TRUE))==\'\')) { echo wp_oembed_get( get_post_meta($post->ID, \"video_url\", true) ); }?&g