これは恥ずかしいです。私のコードが下で動作しないのはなぜですか?ここjQueryで要素の幅を探す
<div id="wotcha" style="width:200px;height:200px;background-color:blue;"></div>
var width = $("#wotcha").width();
alert(width);
JSfiddle:https://jsfiddle.net/adv1jem6/
ありがとう!
これは恥ずかしいです。私のコードが下で動作しないのはなぜですか?ここjQueryで要素の幅を探す
<div id="wotcha" style="width:200px;height:200px;background-color:blue;"></div>
var width = $("#wotcha").width();
alert(width);
JSfiddle:https://jsfiddle.net/adv1jem6/
ありがとう!
が<head>
に含まれていることを確認してください。 CDNも
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
とDOMはjquery.jsファイルが読み込まれていないか、利用できないようです$(document).ready
$(document).ready(function(){
var width = $("#wotcha").width();
alert(width);
});
動作します。私が見る限り、jsFiddleに問題があるようです。 jQuery APIをjQuery(edge)
に変更すると問題が解決したようです。また、CodePenでも同じことを試してみました。https://codepen.io/Iodred/pen/mWKxja
そして正しく動作します。以前はjsFiddleのものをテストするときにこのような問題を経験しました。バージョニングの問題については、私が試したものはjQuery(edge)
でも私のスクリプトでもうまくいきました。だから問題はないはずです。
チェックのWeb開発ツール 'キャッチされないにReferenceError:$はdefined'と'キャッチされないにReferenceErrorではありません。定義をインポートする必要が – GillesC
defined'されていないjqueryの – Glacier11
https://jsfiddle.net/jxuu1aw6/ –