个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在构建这个网站，我决定在侧边栏中放置一个类似 facebook 的框。该网站有 2 种分辨率，具体取决于窗口宽度。根据加载的 CSS，侧边栏的大小将会改变。
在大 css 中，我想要 facebook like 框 410px 宽，在小 css 中，我想要 facebook like 框 200px 宽。
现在我对 jquery 并不那么了不起，所以如果有人能帮助我如何做到这一点，我将非常感激。我想要做的一个例子可以在 http://net.tutsplus.com 上看到。
到目前为止我的情况是这样的:
<div class="block facebookLikeBox">
</div>
$(window).resize(function(){
if ($(window).width() > 1200) {
$('.facebookLikeBox').html('<fb:like-box href="http://www.facebook.com/pages/TheFinishedBox/191240420888444" width="410" show_faces="true" stream="false" header="true"></fb:like-box>');
}
}
else {
$('.facebookLikeBox').html('<fb:like-box href="http://www.facebook.com/pages/TheFinishedBox/191240420888444" width="200" show_faces="true" stream="false" header="true"></fb:like-box>');
}
}).trigger('resize');
我脑子里有这个
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
不太确定在这里做什么，因为它没有加载任何内容。
编辑:
function adjustStyle(width) {
width = parseInt(width);
if (width > 1024) {
$('#sidebar .tip').addClass('vertical');
$('.facebookLikeBox').html('<fb:like-box href="http://www.facebook.com/pages/TheFinishedBox/191240420888444" width="410" show_faces="true" stream="false" header="true"></fb:like-box>');
FB.FBXML.parse(document.getElementsByClassName('.facebookLikeBox'));
} else {
$('#sidebar .tip').removeClass('vertical');
$('.facebookLikeBox').html('<fb:like-box href="http://www.facebook.com/pages/TheFinishedBox/191240420888444" width="200" show_faces="true" stream="false" header="true"></fb:like-box>');
FB.FBXML.parse(document.getElementsByClassName('.facebookLikeBox'));
}
}
$(function() {
adjustStyle($(this).width());
$(window).resize(function() {
adjustStyle($(this).width());
});
});
<head><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script></head>
如果您好奇的话，这里有一个更新:这里是实时更新:http://thefinishedbox.com
最佳答案
我有一些类似的问题..但是你可以更轻松地解决它:)你尝试过在脚本末尾调用它吗？
FB.XFBML.parse(document.getElementsByClassName('.facebookLikeBox'));
这可能会有所帮助..
当然你必须加载 javascript SDK..:)
关于jquery - Facebook 点赞框 : changing the width by jQuery，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4913403/
25
4
0
从这里我得到了该代码，并将其放置在我的网站本地主机中，但看不到任何更改。任何人都可以帮助我吗我从这里得到了代码 http://developers.facebook.com/docs/referenc
堆栈: 知道是什么原因造成的吗？好像是 IE ?9?问题。基本上，我使用的是 XFBML facebook 之类的按钮。虽然我一直在测试它，但我注意到如果我“喜欢某事”然后在出现的点赞按钮弹出窗口中写
我正在尝试使用 Facebook 的点赞按钮进行一些测试。我想将它添加到我的站点，但它不显示。我正在使用适用于 Mac OS 的 Mamp 在本地对其进行测试。我在这里添加我的代码；你能帮我找出错误吗
我正在构建一个页面，该页面聚合了 Wordpress 站点中的其他页面，并显示有关它们的信息片段以及“喜欢”按钮。现在我正在使用 iFrame 选项。 当用户点击视频时，它会在功能区域中显示视频、一些
使用Sequel Pro，我有以下两个表： Table1 Name Year x y John Smith 2010 10 12 Adam Jones
几天来我一直在努力为模型实现“点赞”按钮。我有一个像这样的模型 class Feed(models.Model): user=models.ForeignKey(User,on_delete=
我刚刚切换到新主机，更改了 Facebook 应用程序设置页面上的所有信息，并将 Open Graph 命名空间 URL 添加到了我的 HTML 元素中。这是怎么回事？在我的旧域上它正在运行，并且两个
首先，让我为我的知识不足而道歉-我不是程序员。我是一家小型非营利组织的工作人员，该公司正致力于解决社交媒体问题。 我们有一个FB Like按钮，该按钮放置在我们的网站上，可将人们引导至公司的FB页面。
我正在尝试向我的 RoR 应用程序中的帖子添加“赞”按钮。我的两个模型是 Post 和 Like。 在我的网页上，我将把“赞”按钮放在“发布”按钮旁边，但是当用户单击“赞”按钮时，我希望请求在后台运行
我正在使用 Javascript SDK ，但无法创建内置“赞”按钮。我阅读了以下来源:https://developers.facebook.com/docs/opengraph/actions/b
我正在尝试向我的 Rails 站点添加一个赞按钮，所以我查看了 acts_as_votable gem 和 Active Record Reputation System gem。然而，这两者都需要一
目前，我正在创建一个响应式网站，以便它也可以在移动设备上使用。 这种设计的本质是，当屏幕宽度小于480px时，我隐藏了一个垂直菜单，其中也包含一个类似Facebook的按钮。 当宽度小于480px时，
我正在尝试订阅“赞”按钮点击。这是我的代码: (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (
Like Button 似乎是一个非常具体但在我看来不是很优雅的解决方案，允许用户将网页发布到他们的 Facebook 个人资料。您有两种选择:1) 使用 iFrame 解决方案，它在功能、集成或外观
我最近为客户创建了一个应用程序，他们希望在每个产品旁边都有单独的类似按钮。点赞按钮是 iframe 变体，并使用应用程序的唯一 URL 来分隔产品。 喜欢按钮需要“确认”操作，并且从一开始就这样做了，
我有一部分网页，我只希望人们在单击“Facebook点赞”按钮后才能访问。 如何隐藏该特定区域，然后仅在有人单击“赞”按钮后才显示该区域。 至于Facebook Like代码，它看起来像这样: Hi
所以今天我开始使用新的 iOS 6 SDK 进行开发，并注意到我的游戏在 Game Center 中有一个新的 Facebook Like 按钮(它是灰色的，因为我还没有在上面指定任何内容)。所以我的
我试图在我的网站上添加一个类似 facebook 的按钮，但它根本没有显示: 我体内有这个: window.fbAsyncInit = function() {
我在使用 Facebook 点赞和发送按钮时遇到一些问题。我在 Wordpress 和 Blogum 主题中使用 XFBML 作为按钮。 但问题是，当点击“赞”或“发送”按钮时，您可以使用react等
类似于facebook的评论框，我想向下滑动关闭评论框，向上滑动打开评论框任何人都可以想出任何库或如何实现这个动画吗？提前致谢。 最佳答案 检测滑动 Activity import android.a
我是一名优秀的程序员,十分优秀！