fb-like switch colorscheme in JS

Question

Ich habe eine fb-like auf meiner Website.

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

Ich möchte eine JavaScript-Funktion haben, um das Daten-Farbschema zwischen Dunkel und Hell umzuschalten, ohne die ganze Seite neu zu laden. Aber ich habe keine Ahnung, wie ich das machen soll. Irgendwelche Vorschläge?

Ich habe versucht, mit:

var x = document.getElementsByClassName("fb-like"); 

, aber es scheint nicht zu funktionieren. Ich bin nicht sicher, warum genau, aber ich denke, es fügt einfach nicht diese fb-like in das Array. Ich habe auch versucht, die fb-like in einem div und Switching innerHTML dieses div, aber ID hat auch nicht funktioniert.

Kann ich das Farbschema meines FB-like mit Javascript umstellen? Ich möchte in der Lage sein, die fb-like dynamisch auf der Seite zu ändern. Wie geht das?

Answer 1

Versuchen Sie dieses:

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 
    }); 
} 

Hinweis: FB.XFBML.parse() sollte auf einem Elternelement des Widgets, nicht direkt auf dem XFBML Element selbst aufgerufen werden. So wrap fb-likes in Container zum Beispiel.