Question

我使用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和带有黄色警告标志的行。

Answer 1

这是一个JSLint / JSHint问题。这是一个隐含的全局，所以你必须指示它没关系。

在代码上方添加/* global $ */，警告将disappear。

Plnkr.co编辑器脚本无法识别jQuery

1 个答案: