gpt4 book ai didi

javascript - 如何将 Facebook "Like"按钮添加到 AJAX 驱动的页面

转载 作者:IT王子 更新时间:2023-10-29 02:51:31 24 4
gpt4 key购买 nike

我已经搜索了网络和 Stack Overflow,但没有找到这个问题的适当答案。在我开始寻找自己的解决方案的试错过程之前,我想我应该求助于 Stack Overflow 智囊团,看看是否已经成功实现。

我有一个 AJAX 支持的页面,可以针对非 JavaScript 浏览器和 SEO 适当降级。 AJAX 版本中的每次点击都可以由一个唯一的 URL 表示。

我想做的是动态改变按钮的HREF。我确实知道此标记在运行时会转换为标准 HTML(即转换为讨厌的表格/iframe 布局)。

我只是想知道是否有人对如何在 AJAX 支持的页面上实现这个类似 FB 的按钮有任何见解?

提前干杯:)

编辑:

你觉得我刚刚一起破解的这个方法怎么样?看到它有什么大问题吗?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

<script src="JS/jquery/jquery.js" type="text/javascript"></script>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

<script language="javascript" type="text/javascript">
$("document").ready
(
function ()
{
CreateNewLikeButton("http://www.yahoo.com")

$("a#ChangeToGoogle").click
(
function (e)
{
e.preventDefault();
CreateNewLikeButton("http://www.google.ca")
}
);

}
);

function CreateNewLikeButton(url)
{
var elem = $(document.createElement("fb:like"));
elem.attr("href", url);
$("div#Container").empty().append(elem);
FB.XFBML.parse($("div#Container").get(0));
}
</script>
</head>
<body>
<form id="form1" runat="server">
<a id="ChangeToGoogle" href="#">Change To Google</a>
<div id="Container">
<fb:like href="http://www.NEVER_LINK_TO_THIS_12345.com"></fb:like>
</div>
</form>
</body>

</html>

最佳答案

简单的解决方案

当加载完成时解析触发解析函数。

如果您使用的是 jQuery,那么对于这个问题有一个真正简单而灵巧的解决方案:

$(document).ajaxComplete(function(){
try{
FB.XFBML.parse();
}catch(ex){}
});

http://developers.facebook.com/docs/reference/plugins/like/

关于javascript - 如何将 Facebook "Like"按钮添加到 AJAX 驱动的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4219729/

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