gpt4 book ai didi

javascript - 动态和异步加载多个 LinkedIn 共享按钮

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:45:28 24 4
gpt4 key购买 nike

我有一个显示帖子缩略图的页面。这些帖子是通过 AJAX 获取的,过滤器允许获取不同的帖子。单击缩略图时,将打开以单击的帖子为中心的轮播。轮播中的每个帖子都有一个 LinkedIn 分享按钮。

如果加载到不可见元素中然后稍后加载,链接的共享按钮将无法正常工作。所以我们必须在打开轮播的时候加载它们。我使用以下代码执行此操作:

$.getScript('http://platform.linkedin.com/in.js', function() { 
$('.li-box-1').append('<script type="IN/Share" data-counter="right"></script>');
});

现在,如果我关闭轮播并选择一个过滤器,从而获取一组不同的帖子,然后单击其中一个,轮播显示时没有 LinkedIn 分享按钮,我们会在控制台中收到此警告:

重复加载 in.js,任何参数都将被忽略

这是因为我们已经加载了 LinkedIn 的 in.js。有谁知道如何解决这个问题?

最佳答案

这是调用 .js 中所需链接的代码图书馆。我们通过检查变量 IN 来检查之前是否加载过库。是undefined .并基于此我们第一次加载库,或者忽略它。
您将把此代码放在 <header> 的某处标记,在 <body> 之后标记,或就在 </body> 之前,不知道你的情况。

<script>
if (typeof (IN) !== 'undefined') {
// IN.parse(); // old but still supports
IN.init(); // reinitiating linkedin button
} else {
$.getScript("http://platform.linkedin.com/in.js");
}
</script>

或者您可以这样做:

<script>
delete IN;
$.getScript("http://platform.linkedin.com/in.js")
</script>

现在,您将把这段代码与您的特定轮播或轮播项目放在一起。

<script type="IN/Share" 
data-url=" **code to generate your url** "
data-counter="right">
</script>

关于javascript - 动态和异步加载多个 LinkedIn 共享按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28560907/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com