2016-04-20 23 views
4

Ich denke, ich werde verrückt :).jQuery Breite(); funktioniert nicht richtig

In meiner js Datei ich habe:

alert($('.element').width()); 

es wird "867" alarmieren ... was falsch ist.

Im Chrome oder Firefox Konsole i-Typ:

$('.element').width(); 

Es mit 567. Was ist richtig reagiert.

Fehle ich hier etwas. Sollte ich das anders machen? Weil der Code in der js-Datei alles durcheinander bringt.

BTW das Element hat eine Breite und Float-Set durch CSS - Breite: 80% und float: links. Aber die Browserkonsolen geben mir immer noch die richtige Breite.

Danke.

+0

ja. Es ist in der document.ready Funktion – agon024

+0

Nein zu beiden von denen. Dies ist nur (

) Breite eine Breite auf 80% des Bildschirms mit CSS eingestellt und ich möchte die Pixelbreite greifen. – agon024

Antwort

3

Versuchen hilft:

$(window).load(function(){ 
    alert($('.element').width()); 
}); 
+0

Es ist bereits in document.ready – agon024

+0

try edit ... Laden Sie Elemente dynamisch nach dom ready in das Element? Gibt es Bilder im Element? –

+0

Also was zur Hölle habe ich hier vermisst, weil das perfekt funktioniert. :) Ich habe nicht gemerkt, dass ich das in die .load() vs .ready() einfügen musste ... – agon024

0

versuchen

$('.element').outerWidth(); 

Lassen Sie mich wissen, ob es

diese
+0

Das Gleiche. Der Alarm zeigt die Pixelgröße an, wenn die Breite 100% betrug. aber die Konsolen zeigen den richtigen Breitenwert auf den 80% des Bildschirms. – agon024

0

Manchmal muss man mit Eigenschaften denken über padding und margin zusätzliche Größen arbeiten. Befehle wie innerWidth kümmern sich um das Padding des Elements, aber outerWidth entspricht der Größe, die seinen Rand zählt (und wenn sie auch ihren Rand erhalten).

zu diesem Thema Werfen Sie einen Blick bereits geschlossen, ich hoffe, das Ihnen helfen müssen: What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery

+0

Ich hatte es auf Alert ($ ('. Element') gesetzt. InnerWidth()); zuerst und es macht dasselbe ... – agon024

Verwandte Themen