Vimeo API - Froogaloop. $f 未定义答案

【问题标题】：Vimeo API - Froogaloop. $f is not definedVimeo API - Froogaloop. $f 未定义
【发布时间】：2013-02-23 03:49:27
【问题描述】：

使用 api 添加一个在页面上播放 1 个 vimeo 视频的按钮。

我将 Froogaloop 插件添加到我的 plugins.js 文件中，并在我的 main.js 文件中调用它。

这是我的代码

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

我遇到的问题是此后的任何脚本都不会运行。 JSHint 给我的错误是'$f' is not defined

我尝试定义 ($f = '')this，但它只是破坏了功能（这是有道理的，为什么会破坏它）。有没有人遇到过这个问题？你知道修复方法吗？

还要注意上面的代码块是有效的。它必须是我的主 js 文件中的最后一件事，否则它会破坏之后的所有内容。它也不会通过 JSHint。我收到两个 '$f' is not defined. 错误。

任何帮助将不胜感激。

谢谢！

【问题讨论】：

this 有帮助吗？

标签： javascript jquery vimeo froogaloop

【解决方案1】：

你必须连接图书馆

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

【讨论】：

【解决方案2】：

正如drcord 在他的answer 中指出的similar question：

您要么在此代码之后加载 jQuery，要么不在。您需要在此脚本之前包含 jQuery。

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

【讨论】：

【解决方案3】：

如果错误只是 JSHint，您可以在文件顶部添加以下注释以抑制警告：

/*global $f:false */

【讨论】：

【解决方案4】：

我遇到了这个问题，因为我在包含 froogaloop.js 之前包含了我的脚本。

好像那个js上定义了$f。

【讨论】：