2017-03-24 12 views
-1

これは恥ずかしいです。私のコードが下で動作しないのはなぜですか?ここjQueryで要素の幅を探す

<div id="wotcha" style="width:200px;height:200px;background-color:blue;"></div> 

var width = $("#wotcha").width(); 
alert(width); 

JSfiddle:https://jsfiddle.net/adv1jem6/

ありがとう!

+0

チェックのWeb開発ツール 'キャッチされないにReferenceError:$はdefined'と'キャッチされないにReferenceErrorではありません。定義をインポートする必要が – GillesC

+0

defined'されていないjqueryの – Glacier11

+0

https://jsfiddle.net/jxuu1aw6/ –

答えて

0

<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); 
}); 
0

がロードされていることを確認してください。

+0

これは実際には最も正しい正解です:jQuery 3.2 .1はjsfiddleで壊れました。 – JohnG

0

動作します。私が見る限り、jsFiddleに問題があるようです。 jQuery APIをjQuery(edge)に変更すると問題が解決したようです。また、CodePenでも同じことを試してみました。https://codepen.io/Iodred/pen/mWKxja

そして正しく動作します。以前はjsFiddleのものをテストするときにこのような問題を経験しました。バージョニングの問題については、私が試したものはjQuery(edge)でも私のスクリプトでもうまくいきました。だから問題はないはずです。

関連する問題