Question

我的网站上有类似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-like添加到数组中。我也尝试将fb-like放在div中并切换div的innerHTML，但id也没有用。

是否可以使用Javascript切换类似FB的colorscheme？我希望能够在页面上动态更改类似fb的内容。怎么做？

Answer 1

试试这个：

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-like。

JS中的fb-like switch colorscheme

1 个答案: