Nicht angeschlossene Elementbreite funktioniert nicht in Chrome

Question

Ich versuche eine Lösung in Chrome zu finden. In Firefox kann ich die Größe (von CSS) eines Elements erhalten, ohne Anbringen/Anzeigen es, indem Sie:

var elem = $('<div class="someclass"></div>'); 
var w = elem.width(); 
console.log(w); 

FF mir die richtige Größe gibt, aber Chrome gibt immer 0. Jede Arbeit um?

Fiddle here

Answer 1

Alle diese Lösungen haben mich auf das DOM zu befestigen. Ich denke, es gibt keine Lösung, wenn Sie Chrome verwenden und nicht anhängen.

Answer 2

Try-Selektor von ID oder Klassennamen zu bekommen. Jsfiddle

var elem = $('<div class="someclass"></div>'); 
var w = $(".someclass").width(); 
console.log(w); 

Es funktioniert in allen Browsern;

Answer 3

Dies ist ein seltsames Verhalten einiger Browser.

Ich habe gefunden, aber eine Lösung:

var elem = $('<div class="someclass"></div>').hide(); 
$('body').append(elem); 
var width = elem.width(); 
elem.remove(); 
console.log(width);