css - Facebook 按钮在点击时改变位置

标签 css facebook button zurb-foundation

我在使用喜欢和分享 facebook 按钮时遇到以下问题。当我点击“分享”时,一切都按预期工作,但是当我点击喜欢时,弹出框被剪切,整个 div 对象被移到左边。我怎样才能克服这个? 以下是图片:

http://collabl.bingo.icnhost.net/resources/pr2.png http://collabl.bingo.icnhost.net/resources/pr3.png

我使用的代码是:

<div class="fb-like" data-send="true" data-width="250" style="height:20px;"      layout="button_count"></div>

$(document).ready(function() {
$.ajaxSetup({ cache: true });
$.getScript('//connect.facebook.net/en_US/all/debug.js', function(){
FB.init({
  appId: '.......',
  channelUrl: '//.......',
  status     : false,                                 // Check Facebook Login status
  xfbml      : true  
});
$('#loginbutton,#feedbutton').removeAttr('disabled');
});
});

最佳答案

您的代码看起来与我用于 javascript 的代码完全不同。

尝试使用直接从 facebook 开发者页面生成的代码:

https://developers.facebook.com/docs/reference/plugins/like/

关于css - Facebook 按钮在点击时改变位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17770701/

相关文章:

javascript - 我可以强制 Facebook fb_edge_widget_with_comment 打开向左而不是向右吗?

swift - 文本字段 - 标签 - 按钮 根据输入回答

android - 单击并按住耳机按钮无任何 Action

html - 为什么我的按钮和相邻的 div 之间有空白?

facebook - 使用 Facebook API 在墙贴/更新中标记用户

ios - 如何使用 iOS 9 中预装的 Facebook 应用程序登录 Facebook

python - Tkinter - 如何禁用现有按钮

css - 以不同方式为 Angular ui 网格中的每一列着色

jquery - 如何在切换时删除 jQuery UI 幻灯片效果方 block

html - 如何禁用 IonInput 字段中的蓝色边框线?