Facebook分享按钮无法打开对话框

Question

I'm trying to make facebook share button. Problem is when I click on the button it doesn't open anything. Doesn't open share dialog window. Here is what I have. My button

<a class="share-fb" href="javascript:void(0);" onclick="shareFB( encodeURIComponent(\'http://example.com/'.$url.'\'), '.$row['image_title'].', encodeURIComponent(\'http://example.com/\') );"></a>

The js part

<div id="fb-root"></div>
    <script type="text/javascript">

      window.fbAsyncInit = function() {
        FB.init({
          appId      : 'MYID',
          xfbml      : true,
          version    : 'v2.1'
        });
      };

      (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'));

        var lang        = 'BG';
        var prPath      = '/';
        var prjUrl      = 'http://example.com/';
        var fpath       = 'http://example.com/';            
        var PROTOCOL    = 'http://';            
        var SESSION     = '';           

        // Preload some heavy images if necessarilly 
        var preload = [

        ];

        var ploaded = [];

        $(preload).each(function(i, r){
            ploaded[i]      = new Image();
            ploaded[i].src  = '/img/'+r;
        });

        function shareFB(url,title,img)
        {
            if(!title) title = '';
            var i = (img) ? unescape(img) : 'http://example.com/img/logo.png';
            FB.ui({
                method: 'feed',
                name: title,
                description: 'description',
                caption:'wwww.example.com',
                picture: i,
                link: unescape(url)
            },function(r){});
            return false;
        }                       
    </script>

The error in console that I've got is Uncaught SyntaxError: missing ) after argument list but I can't see where is this ) missing..

CSS

#gallery-nav span a.share-fb {
     background: url("../img/fb.png") no-repeat center center;
     background-size: contain;
}

Here is how I generate the URI Component in the button code:

$url = 'category-'.$row['img_category'].'/image-'.$row['image_id'].'.html'

<a class="share-fb" href="javascript:void(0);" onclick="shareFB( encodeURIComponent(\'http://example.com/'.$url.'\'), '.$row['image_title'].', encodeURIComponent(\'http://example.com/\') );"></a>

And the JS + CSS is above..

HTML output

<a class="share-fb" href="javascript:void(0);" onclick="shareFB( encodeURIComponent('http://example.com/category-2/image-828.html'), image title, encodeURIComponent('http://example.com/') );"></a>

Answer 1

The problem is in your onclick , using the following code will work. Adjust your variables to conform to this pattern.

---

<a class="share-fb" href="javascript:void(0);" onclick="shareFB( encodeURIComponent(''), '', encodeURIComponent('') );"></a>

Answer 2

},function(r){}); there is missing ")" }),function(r){});