如何在通过Ajax加载的页面上使用Facebook共享FBML按钮？
在通过Ajax加载的页面上使用Facebook共享FBML按钮，可以采用以下步骤：
- 在页面加载时，加载Facebook SDK。
- 在Ajax加载的页面上添加Facebook共享按钮的HTML代码。
- 在Ajax加载完成后，调用
FB.XFBML.parse()方法，将FBML代码解析为可用的按钮。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Facebook Share Button with Ajax</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'your-app-id',
cookie : true,
xfbml : true,
version : 'v12.0'
});
// Load Facebook share button after Ajax content is loaded
$(document).ajaxComplete(function() {
FB.XFBML.parse();
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
</head>
<body>
<div id="content">
<!-- Your Ajax content goes here -->
</div>
<script>
// Load Ajax content
$(document).ready(function() {
$('#content').load('your-ajax-content-url');
});
</script>
</body>
</html>在Ajax加载的页面上添加Facebook共享按钮的HTML代码：
<div class="fb-share-button" data-href="https://www.example.com" data-layout="button_count" data-size="small"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.example.com%2F&src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a></div>在Ajax加载完成后，调用FB.XFBML.parse()方法，将FBML代码解析为可用的按钮：
$(document).ajaxComplete(function() {
FB.XFBML.parse();
});这样，在通过Ajax加载的页面上就可以使用Facebook共享FBML按钮了。
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
