Vimeo API - Froogaloop. $ f ist nicht definiert

Question

verwendet die API, um eine Schaltfläche hinzuzufügen, die 1 Vimeo-Video auf einer Seite spielt.

Ich habe das Froogaloop-Plugin in meine plugins.js-Datei eingefügt und rufe es in meiner main.js-Datei an.

Hier ist mein Code

ready = function(player_id) { 
    var playButton, player; 
    player = $f(player_id); 
    playButton = $('#playButton'); 

    return playButton.on('click', function(e) { 
    e.preventDefault(); 
    player.api('play'); 
    }); 
}; 

$f(document.getElementById('player')).addEvent('ready', ready); 

Das Problem, das ich habe, ist, dass jedes Skript danach wird nicht ausgeführt. Der Fehler JSHint gibt mir '$f' is not defined

Ich habe versucht, ($f = '') dies zu definieren, aber es bricht einfach die Funktionalität (was Sinn macht, warum das es brechen würde). Ist jemand schon einmal auf dieses Problem gestoßen? Kennen Sie eine Lösung?

Beachten Sie auch, dass der obige Codeblock funktioniert. Es muss nur die allerletzte Sache in meiner Hauptjs-Datei sein oder sonst alles danach würde brechen. Es wird JSHint auch nicht übergeben. Ich bekomme zwei '$f' is not defined. Fehler.

Jede Hilfe würde sehr geschätzt werden.

Thnx!

Answer 1

Ich hatte dieses Problem, weil ich mein Skript einfügte, bevor ich froogaloop.js einfügte.

Es scheint, dass $ f auf diesem js definiert ist.

Answer 2

Wenn der Fehler nur mit JSHint ist, können Sie den folgenden Kommentar den Anfang der Datei hinzufügen, um die Warnung zu unterdrücken:

/*global $f:false */ 

Answer 3

Wie drcord in darauf hingewiesen, seine answer auf diesen similar question:

Sie laden entweder jQuery nach diesem Code oder nicht bei. Sie müssen jQuery vor diesem Skript einfügen.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js></script> 

Answer 4

Sie müssen die Bibliothek verbinden

<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>