2013-10-29 59 views
1

我使用plnkr.co來測試jQuery動畫,但編輯器在以$開頭的行上出現「$未定義」錯誤...出了什麼問題?作爲普通的文件在我的電腦上能正常工作...Plnkr.co編輯器腳本無法識別jQuery

jQuery是加載(與其他引導在一起,成立了由Plunker):

<head> 
    <meta charset="utf-8" /> 
    <title></title> 
    <link data-require="[email protected]" 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="[email protected]" 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和帶有黃色警告標誌的行。

回答

1

這是一個JSLint/JSHint問題。這是一個隱含的全球性,所以你必須指示linter,它沒問題。

在您的代碼上方添加/* global $ */,並且警告將會是disappear

+0

太棒了!謝謝:) – EricC

+0

嗯,我怎麼能在f.ex上找不到這個全球性的東西。這個http://plnkr.co/edit/Cq5rPf4MnKGeAGYyepzL查看第一個js文件,在哪裏設置角度應用程序(或在任何其他文件或設置)?我錯過了什麼? – EricC

相關問題