使用jQuery单击更改OG：IMAGE的值

我只是用一个HTML页面构建一个图像组合，其中所有图片都是动态加载的。 到目前为止一切都很好，除了facebook META OG：IMAGE。

由于页面只加载一次，我可以分配一次OG：IMAGE URL …但我真的希望每张图片都有自己的OG：IMAGE，因为这是一个相册。

通过单击–li class =“open-pic” – 标记来加载图片。 我想在每次点击–li class =“open-pic” – 标签时更改OG：IMAGE值。

可能吗？ 我找到了这样的东西：

$('meta[name=og\\:image]').attr('content', newImageUrl); 

但是，我不知道如何将其链接到li.open-pic onclick事件。 谢谢！

G。

Answer 1

由于页面只加载一次，我可以分配一次OG：IMAGE URL …但我真的希望每张图片都有自己的OG：IMAGE，因为这是一个相册。

更改OG元标记客户端没有实际用途 – 因为Facebook将通过它的刮刀读取这些标签，这意味着他们将对您的URL执行HTTP请求并查看HTML代码中的内容; 并且刮刀不执行任何JavaScript。

解决方案：为每张照片提供单独的URL及其自己的元信息 – 并使用您喜欢的按钮/共享function/任何FBfunction指向每张照片的URL。

（你如何处理客户端的事情并不重要 – 你仍然可以在一个页面中显示所有照片，通过AJAX加载新内容，无论你喜欢什么 – 但是你需要单独的照片url才能被识别为单独的Open图形对象。）

Answer 2

 $('li.open-pic').click(function(){ $('meta[name=og\\:image]').attr('content', newImageUrl); }); 

Answer 3

这是结肠。 尝试使用单引号和双引号，如下所示：

 var imgSrc = $(this).find('img').attr('src'); // image stored as variable $('meta[property="og:image"]').attr('content', imgSrc); // assigns meta property