Domanda

Sto usando le Mootools Più funzione "getComputedSize" su un elemento DIV creata dinamicamente. Funziona bene in Firefox, ma non 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); 

Il risultato è "150" in FF, ma in Chrome il risultato è "nan".

Qualcuno sa come risolvere questo problema in Chrome senza dover codice DIV nel codice HTML?

Grazie in anticipo

Alex

fissi:

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

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

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

Iniettare l'elemento prima di tentare di utilizzare questo metodo.

È stato utile?

Soluzione

fissi:

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

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

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

Iniettare l'elemento prima di tentare di utilizzare questo metodo.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top