Javascript 单击时显示FB状态更新弹出窗口？_Javascript_Jquery_Facebook

Javascript 单击时显示FB状态更新弹出窗口？

javascript jquery facebook

Javascript 单击时显示FB状态更新弹出窗口？,javascript,jquery,facebook,Javascript,Jquery,Facebook,我有此代码，允许用户在我的页面上更新他们的fb状态： <head> <title>My Great Website</title> </head> <body> <div id="fb-root"></div> <script src="http://connect.facebook.net/en_US/all.js"> </script> <script>

我有此代码，允许用户在我的页面上更新他们的fb状态：

<head>
  <title>My Great Website</title>
</head>
<body>
  <div id="fb-root"></div>
  <script src="http://connect.facebook.net/en_US/all.js">
  </script>
  <script>
     FB.init({ 
        appId:'**', cookie:true, 
        status:true, xfbml:true 
     });

     FB.ui({ method: 'feed', 
        message: 'Facebook for Websites is super-cool'});
  </script>
 </body>


我伟大的网站
FB.init（{
appId:“**”，cookie:true，
状态：true，xfbml:true
});
ui（{method:'feed'，
信息：“网站Facebook超级酷”}）；

它工作正常，但当页面加载时，它会自动显示弹出窗口，但我希望该框仅在我按下按钮时显示。这可能吗？我在FB文档中看不到选项。

（“发生错误，请稍后重试。”显示该选项是因为我指定了错误的appID）


我伟大的网站
FB.init（{
appId:“**”，cookie:true，
状态：true，xfbml:true
});
$（函数（）{
$（“#后墙”）。单击（函数（）{
ui（{method:'feed'，
信息：“网站Facebook超级酷”}）；
返回false；
});
});

（“发生错误。请稍后重试。”由于指定了错误的appID而显示）


我伟大的网站
FB.init（{
appId:“**”，cookie:true，
状态：true，xfbml:true
});
$（函数（）{
$（“#后墙”）。单击（函数（）{
ui（{method:'feed'，
信息：“网站Facebook超级酷”}）；
返回false；
});
});


我伟大的网站
FB.init（{
appId:“**”，cookie:true，
状态：true，xfbml:true
});
函数showMessage（）{
ui（{method:'feed'，
信息：“网站Facebook超级酷”}）；
}
$（'.showMessage'）。单击（函数（）{
showMessage（）；
});


我伟大的网站
FB.init（{
appId:“**”，cookie:true，
状态：true，xfbml:true
});
函数showMessage（）{
ui（{method:'feed'，
信息：“网站Facebook超级酷”}）；
}
$（'.showMessage'）。单击（函数（）{
showMessage（）；
});


我伟大的网站
打开对话框
FB.init（{
appId:'XXXXXX'，cookie:true，
状态：true，xfbml:true
});
函数打开\u fb\u对话框（）{
ui（{method:'feed'，
信息：“网站Facebook超级酷”}）；
}

只需将其放入函数中，并在操作按钮上调用该函数（

，

.etc）


我伟大的网站
打开对话框
FB.init（{
appId:'XXXXXX'，cookie:true，
状态：true，xfbml:true
});
函数打开\u fb\u对话框（）{
ui（{method:'feed'，
信息：“网站Facebook超级酷”}）；
}

只需将其放入函数中，并在操作按钮上调用该函数（

，

。等）

按下按钮不会显示或隐藏弹出窗口。它使用jQuery吗？它对你有用吗？@Charlie，是的，它使用jQuery，即使它没有加载。你把jQuery添加到你的标记中，我还以为你在使用jQuery呢it@SoufianeHassou：是的，他补充道。我也用jQuery发布了解决方案：）没错。我已经在页面上加载了jQ，但单击按钮不会运行showMessage功能。按下按钮不会显示或隐藏弹出窗口。它使用jQuery吗？它对你有用吗？@Charlie，是的，它使用jQuery，即使它没有加载。你把jQuery添加到你的标记中，我还以为你在使用jQuery呢it@SoufianeHassou：是的，他补充道。我也用jQuery发布了解决方案：）没错。我已经在页面上加载了jQ，但是单击按钮不会运行showMessage函数。您需要jQuery中的解决方案吗？为什么要添加jquery标记？不一定要用于jquery，但我已经在页面上有了jquery，所以如果有任何解决方案是为jQ编写的，那么就可以了。您需要jquery中的解决方案吗？为什么要添加jquery标记？不一定要用于jquery，但我已经在页面上有了jquery，所以如果有任何解决方案是为jQ编写的，那么就可以了。您应该在body标记中包含jquery库，并使用；-）@我包括1.5版，因为我是从我的网站上取的。将更改它，但这不是必需的；）接受，代码是否很难修改以使其成为切换？不一定，只是想知道。@Charlie:像开-关一样切换？我担心不可能用这种方式进行交叉浏览。我怀疑它会是这样，但是这是一个针对Safari的应用程序。你应该在body标记中包含jQuery库，并使用；-）@我包括1.5版，因为我是从我的网站上取的。将更改它，但这不是必需的；）接受，代码是否很难修改以使其成为切换？不一定，只是想知道。@Charlie:像开-关一样切换？我担心不可能用这种方式进行交叉浏览。我怀疑它会是，不过这是一款针对Safari的应用程序。

<html>
<head>
  <title>My Great Website</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
<body>
  <div id="fb-root"></div>
  <script src="http://connect.facebook.net/en_US/all.js">
  </script>
  <script>
     FB.init({ 
        appId:'**', cookie:true, 
        status:true, xfbml:true 
     });

     $(function(){ 
          $("#post-wall").click(function(){
              FB.ui({ method: 'feed', 
                 message: 'Facebook for Websites is super-cool'});
              return false;
          });
      });
   </script>
   <a href="#" id="post-wall">Post feed on your wall</a>
  </body>
</html>

<head>
  <title>My Great Website</title>
</head>
<body>
  <div id="fb-root"></div>
  <script src="http://connect.facebook.net/en_US/all.js">
  </script>
  <script>
     FB.init({ 
        appId:'**', cookie:true, 
        status:true, xfbml:true 
     });
     function showMessage() {
        FB.ui({ method: 'feed', 
           message: 'Facebook for Websites is super-cool'});
     }

     $('.showMessage').click(function() {
        showMessage();
     });
  </script>

  <a href="javascript:;" class="showMessage">Show Message</a>
 </body>

<html>
<head>
  <title>My Great Website</title>
</head>
<body>
    <button onclick="open_fb_dialog()">Open Dialog</button>
  <div id="fb-root"></div>
  <script src="http://connect.facebook.net/en_US/all.js">
  </script>
  <script>
     FB.init({ 
        appId:'XXXXXX', cookie:true, 
        status:true, xfbml:true 
     });
    function open_fb_dialog() {
     FB.ui({ method: 'feed', 
        message: 'Facebook for Websites is super-cool'});
    }
  </script>
 </body>
</html>