在fb中共享特定div时发出问题

时间:2013-09-24 05:40:58

标签: javascript jquery html facebook facebook-javascript-sdk

我正在开发一个Web应用程序,我添加了像按钮和分享按钮的fb。喜欢按钮很好但我已经阅读了SE问题http://www.hyperarts.com/blog/tutorial-add-share-button-iframe-tab-applications/中的hyperarts教程。但我已经做了相同的程序来分享一个特定的div,但我不知道我犯了什么错误。任何人都可以帮助我或提出建议。我甚至不知道它,但在我的应用程序中不起作用。 http://jsfiddle.net/EZyaF/

以下是相似的代码:

    <div id="fb-root"></div>    
<script>(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_GB/all.js#xfbml=1&appId=425369200906567";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like"
    data-href="https://www.facebook.com/weatherappproj" data-width="450"
    data-show-faces="false" data-send="false"></div>

这是分享特定的div代码:

       <div id="fb-root"></div>
       <script> 
     window.fbAsyncInit = function() {
       FB.init({
      appId : '4x5x6x2x0x0x5x7',
   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).load(function(){
    $('#shareonfb').live('click', function(e){
       e.preventDefault();
     FB.ui(
     {
       method: 'feed',
        name: 'Weather App',
      picture: 'images/weatherapp.jpg',
     caption: 'My current position and its weather',
      description: 'Weather App Facebook',
     message: ''
    });
       });
     });
      </script>

    <img src="images/share-on-facebook-button.gif" id="shareonfb">

0 个答案:

没有答案