私は単純なスライダーを試みましたが、それはうまくいかなかったので、私はコードキャデバーの1つをコピーしていますが、まだ動作しません。
私は4つの異なるブラウザを使用していますが、すべて同じ問題があります。ボックスに入力することはできますが、投稿はしません。
jQueryスクリプトがnotepad ++で書かれているのはなぜ、ローカルに保存されたファイルでは動作しないのですか?
お願いします。
Htmlの
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp2/css/bootstrap.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link type='text/css' href="stylesheet.css" rel="stylesheet">
</head>
<body>
<div class="container">
<form>
<div class="form-group">
<textarea class="form-control status-box" rows="2" placeholder="What's on your mind?"></textarea>
</div>
</form>
<div class="button-group pull-right">
<p class="counter">140</p>
<a href="#" class="btn btn-primary">Post</a>
</div>
<ul class="posts">
</ul>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>
AMMENDED
script.js
$(document).ready() {
$('.btn').click(function() {
var post = $('.status-box').val()
$('<li>').text(post).prependTo('posts');
});
};
すべてに感謝、これは修正されていて、それが動作するようになりました:)
はありますファイルを直接開くか、ローカルサーバー(例:XAMPP、WAMP、何か)をマウントしましたか?ファイルを直接開いている場合は正常に動作しません。そうでなければ、私は何が間違っているのか分からない。 –
私は自分のコンピュータからファイルを直接開いてもファイルが正常に動作しないのはなぜですか?私は理解していません.. – tom1988
'// ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'はプロトコルレスのURLです。これは、あなたが見ているページと同じプロトコルを使ってファイルをロードできるように設計されています。ファイルを直接開くと 'file:'プロトコルが使用されます。つまり、存在しない 'file:/// ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'を開こうとしています。 –