在我看来,LinkedIn 按钮与其他按钮相比总是表现出一种奇怪的态度。
这次的问题是幻影出现的延迟,即使在使用了 done() 函数之后:
function CreateNewsocial(str)
{
$(".dd_outer").fadeOut("slow");
CreateNewLikeButton(str);
$.when(CreateNewTweetButton(str),CreateNewPlus1Button(str),CreateNewLinkedinButton(str),CreateNewSuButton(str)).done(function(){
$(".dd_outer").fadeIn('slow');
});
}
在哪里:
- dd_outer 是社交按钮的包装 div。
CreateNewLikeButton()
,CreateNewTweetButton()
,CreateNewPlus1Button()
CreateNewLinkedinButton()
和CreateNewSuButton()
是通过 Ajax 加载另一个 Wordpress 帖子时动态更新社交按钮的函数。str
是传递的参数,包含post的ID。
一切正常,除了 LinkedIn 按钮。为方便起见,CreateNewLinkedinButton() 代码为:
function CreateNewLinkedinButton(str)
{
var elem3 = $(document.createElement("script"));
elem3.attr("type","IN/Share");
elem3.attr("data-url","http://website/Arra2issia/"+str+"/");
elem3.attr("data-counter", "top");
$("#linkedin").empty().append(elem3);
return $.getScript("http://platform.linkedin.com/in.js?async=true", function() {
IN.init();
});
}
和 HTML 是:
<div id="linkedin"><script type="IN/Share" data-url="<?php the_permalink();?>" data-counter="top"></script></div>
我已经发布过:不要显示社交按钮(通过 jquery 加载),直到它们都完全加载并获得对除 LinkedIn 之外的所有社交按钮都有效的帮助。
提前感谢您的宝贵时间