Question

我正在尝试在我的网站上自动附加Facebook分享对话框，我尝试下面的代码，如果我点击图像它可以显示对话框。有没有方法显示共享对话框没有任何按钮点击？（页面加载时显示）谢谢！

以下是我的代码

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId : 'myappid',
            status : true, // check login status
            cookie : true, // enable cookies to allow the server to access the session
            xfbml : true // parse XFBML
        });
    };

    (function() {
        var e = document.createElement('script');
        e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
    }());
</script>

<script type="text/javascript">
    $(document).ready(function(){
        $('#submitbtn').live('click', function(e){
            FB.ui(
                {
                method: 'feed',
                name: 'My title',
                link: 'mylink',
                picture: 'http://my.jpg',
                caption: 'Come to Play',
                description: 'Come to Play',
                message: ''
            });
        });
    });
</script>
<img src = "share_button.png" id = "share_button">

Answer 1

如果想让它在没有任何点击的情况下显示，你可以使用＆＃34; onmouseover＆＃34; btn或图像上的事件。

或者如果您希望它在页面加载后出现，只需在click事件之外调用该函数。例如，

var example = function(){
    FB.ui(
    {
       method: 'feed',
       name: 'My title',
       link: 'mylink',
       picture: 'http://my.jpg',
       caption: 'Come to Play',
       description: 'Come to Play',
       message: ''
    });
 }

$(document).ready(function(){
    example();
}

希望满足你的口味。

自动附加Facebook分享对话框（网站）

1 个答案: