1

我使用 plnkr.co 来测试一个 jQuery 动画，但是编辑器在以 $ 开头的行上给出了“$ is not defined”错误... 出了什么问题？作为我电脑上的普通文件，这工作正常......

加载 jQuery（连同其他引导程序，由 Plunker 设置）：

  <head>
    <meta charset="utf-8" />
    <title></title>
    <link data-require="bootstrap-css@3.0.0-rc2" data-semver="3.0.0-rc2" rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap.min.css" />
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <script data-require="bootstrap@3.0.0-rc2" data-semver="3.0.0-rc2" src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/js/bootstrap.min.js"></script>
    <script src="script.js"></script>
  </head>

然后 script.js 有：

$(function() {
  $('.toggle-button').click(function (el) {
    console.log("Klikk!");
    $('#search-form').toggle(duration);
    $('#add-form').toggle(duration);
    el.preventDefault();
  });
});

这是http://plnkr.co/edit/azhaoBjlGYX1xGV5JVLS?p=preview 查看 script.js 和带有黄色警告标志的行。

4

1 回答 1

1

这是一个 JSLint/JSHint 问题。这是一个隐含的全局变量，所以你必须告诉 linter 没关系。

/* global $ */在您的代码上方添加，警告将消失。

于 2013-10-29T19:41:20.680 回答