plnkr.co を使用して jQuery アニメーションをテストしましたが、エディターは $ で始まる行に「$ が定義されていません」というエラーを表示します...何が問題なのですか? 私のコンピューター上の通常のファイルとして、これは正常に機能します...
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 と黄色の警告サインのある行を参照してください。