Frage

Ich bin mit dem Mootools Mehr Funktion „getComputedSize“ auf einem dynamisch erstellten DIV-Elemente. Es funktioniert gut in Firefox, aber nicht in Google Chrome:

CSS:

.resultBox {
    width: 150px;
    height: 100px;
    position: absolute;
    z-index: 1000;
}

Javascript:

this.resultBox = new Element('div', {
    'class': 'resultBox'
});

console.log(this.resultBox.getComputedSize().width); 

Das Ergebnis ist "150" in FF aber in Chrome das Ergebnis "NaN".

Wer weiß, wie dies in Chrome zu beheben, ohne zu Code mit der DIV in den html?

Vielen Dank im Voraus

Alex

Fixed:

this.resultBox = new Element('div', {
    'class': 'resultBox'
});

this.resultBox.inject(this.container, 'top');

console.log(this.resultBox.getComputedSize().width); 

Inject das Element, bevor Sie versuchen, diese Methode zu verwenden.

War es hilfreich?

Lösung

Fixed:

this.resultBox = new Element('div', {
    'class': 'resultBox'
});

this.resultBox.inject(this.container, 'top');

console.log(this.resultBox.getComputedSize().width); 

Inject das Element, bevor Sie versuchen, diese Methode zu verwenden.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top