双击Facebook分享按钮

Question

我有一个按钮可以在项目上的Facebook上共享Web内容，但单击该按钮不起作用。 当用户双击时，该按钮才起作用... :(

我的代码：

HTML：

 <button>
    <img src = "images/socialButtons/56/facebook.png" id = "Item-A" onclick="shareFb(this.id)">
 </button>

JavaScript的：

function shareOnFacebook(e, id){
e.preventDefault();
FB.ui(
    {
        method: 'feed',
        name: '',
        link: 'http://anurl.com/'' + id + '.jpg',
        picture: 'http://anurl.com/'+ id +'.jpg',
        caption: '',
        description: "",
        message: ""

    }
);
}

function shareFb(id){

$('#'+ id +'').click(function(e){
    shareOnFacebook(e, id);
});

}

我在index.html上实现了以下脚本（按钮在此文件上）

<!-- Facebook SDK JavaScript -->
<script>
window.fbAsyncInit = function() {
    FB.init({
        appId      : '#myFacebookAppIdNumber',
        xfbml      : true,
        version    : 'v2.5'
    });
};

(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>

我真的很感谢您的帮助;）

非常感谢。

Answer 1

单击两次是因为您要在单击事件后附加一个单击事件。 为什么这样 摆脱内联点击。

因此，添加一个普通的类：

<img class="share" id="foo" src="bar.gif" />

将活动附加到班级

$(".share").on("click", function (e) {
    shareOnFacebook(e, this.id);
});

上面的代码需要在文档末尾或准备就绪的文档上运行。 您还可以使用事件委托来仅添加一个事件处理程序。

$(document).on("click", ".share", function (e) {
    shareOnFacebook(e, this.id);
});