如何模拟facebook分享按钮上的点击事件
how to simulate the click event on the facebook share button
我想使用 jquery/js 来模拟点击我的自定义按钮时对原始 fb 分享按钮的点击。
这是我得到的:
<script>
$(function(){
// initialize fb sdk
window.fbAsyncInit = function() {
FB.init({
appId : '830561340319450',
xfbml : true,
version : 'v2.2'
});
};
(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 = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
});
</script>
<div class="fb-share-button" data-href="www.myweb.com/topic/hello_world" data-layout="button"></div>
<button class="my_own">Lets share</button>
我希望当我点击 my_own 时,Facebook 股票按钮也会被点击。知道怎么做吗?
删除 Facebook 分享按钮。尝试触发点击它不是可行的方法;它甚至可能会触发他们为防止 click-jacking 而采取的措施,结果导致您的应用被 FB 屏蔽。
在用户单击您自己的按钮时实现对共享对话框的调用:
HTML:
<button class="my_own" type="button" onclick="share();">Lets share</button>
JavaScript:
function share() {
FB.ui({
method: 'share',
href: 'http://www.myweb.com/topic/hello_world',
}, function(response){});
}
我想使用 jquery/js 来模拟点击我的自定义按钮时对原始 fb 分享按钮的点击。
这是我得到的:
<script>
$(function(){
// initialize fb sdk
window.fbAsyncInit = function() {
FB.init({
appId : '830561340319450',
xfbml : true,
version : 'v2.2'
});
};
(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 = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
});
</script>
<div class="fb-share-button" data-href="www.myweb.com/topic/hello_world" data-layout="button"></div>
<button class="my_own">Lets share</button>
我希望当我点击 my_own 时,Facebook 股票按钮也会被点击。知道怎么做吗?
删除 Facebook 分享按钮。尝试触发点击它不是可行的方法;它甚至可能会触发他们为防止 click-jacking 而采取的措施,结果导致您的应用被 FB 屏蔽。
在用户单击您自己的按钮时实现对共享对话框的调用:
HTML:
<button class="my_own" type="button" onclick="share();">Lets share</button>
JavaScript:
function share() {
FB.ui({
method: 'share',
href: 'http://www.myweb.com/topic/hello_world',
}, function(response){});
}