2017-03-24 93 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:定義不defined' – GillesC

+0

需要導入jQuery的 – Glacier11

+0

https://jsfiddle.net/jxuu1aw6/ –

回答

0

請確保您在<head>標記中包含jQuery,例如, CDN的

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

,也確保了DOM加載$(document).ready

$(document).ready(function(){ 
    var width = $("#wotcha").width(); 
    alert(width); 
}); 
0

似乎的jquery.js文件沒有加載或不可用。

+0

這實際上是最接近正確的答案:jQuery 3.2 .1在jsfiddle上被打破了。 – JohnG

0

它確實有效。就我所知,jsFiddle似乎存在問題。將jQuery API更改爲jQuery(edge)似乎可以解決這個問題。 CodePen上也一樣:https://codepen.io/Iodred/pen/mWKxja

它工作正常。我以前在jsFiddle上測試過東西時遇到過這樣的問題。在版本控制的問題上,無論我在jQuery(edge)上嘗試過如何在我的腳本中爲我工作。所以應該沒有問題。