JS中的fb样开关花色方案
JS中的fb样开关花色方案
提问于 2016-03-21 03:42:38
我的网站上有个类似fb的网站。
<div class="fb-like" data-href="https://www.facebook.com/wisieleconlinepl-112995595757466/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true" data-colorscheme="dark"></div>我希望有一个Javascript功能，以切换数据-颜色方案之间的黑暗和光，而不重新加载整个页面。但我不知道该怎么做。有什么建议吗？
我试着用：
var x = document.getElementsByClassName("fb-like");但似乎不起作用。我不知道为什么，但我认为它只是没有添加这个fb样的数组。我还试着把fb类放在div中，然后切换div的innerHTML，但是id也不起作用。
有可能用Javascript来切换我的FB样的颜色方案吗？我希望能够动态地改变页面上的fb样。如何做到这一点？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-03-21 03:59:40
试试这个：
function changeColorScheme() {
var current = $('.fb-like').data('colorscheme');
$('.fb-like').data('colorscheme', current == 'dark' ? 'light' : 'dark').empty();
$('.fb-container').each(function() {
FB.XFBML.parse(this); //rerender all fb-like elements
});
}注意:应该对小部件的父元素调用FB.XFBML.parse()，而不是直接调用XFBML元素本身。因此，包装fb-喜欢在容器中，例如。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36122787
复制相关文章
相似问题
腾讯云开发者
