Roll over non funziona

[abellos]

Ciao uso il seguente codice

$(document).on('mouseover','#tabellaArchivi td', function() {      
$(this).css("background-color","#ffdead;");
$(this).css("cursor","pointer");                
    });

$(document).on('mouseout','#tabellaArchivi td', function() {        
$(this).css("background-color","#ffffff;");
$(this).css("cursor","default");
    });

per colorare delle celle su una tabella al passaggio del mouse, su internet explorer tutto ok, su edge, crhome e firefox non mi funziona più.
cosa sbaglio?

[KillerWorm]

Ciao, una domanda: cosa ti impedisce di usare delle semplici regole CSS senza passare da JavaScript/jQuery?

Ritengo che l'uso di JavaScript nel caso specifico sia sovradimensionato, se non inopportuno, rispetto a ciò che ti serve ottenere. Sarebbe come prendere l'elicottero per andare a fare la spesa al mercato dietro casa.

Non sarebbe più semplice impostare due righe di CSS del genere?

#tabellaArchivi td{
    background-color: #fff;
    cursor: pointer;
}
#tabellaArchivi td:hover{
    background-color: #ffdead;
}

.
Ad ogni modo l'errore sta nel valore che applichi alla proprietà background-color. Il valore in sé va indicato senza il punto e virgola finale. Il punto e virgola infatti avrebbe senso se usato in una sintassi propriamente CSS, non di certo se applichi le singole proprietà CSS attraverso JavaScript.

Il fatto che IE riesca ad "interpretare" ugualmente quel valore potrebbe dipendere da un controllo meno restrittivo delle regole CSS, ma questo non significa che abbia dei vantaggi rispetto ai browser più moderni.

Buon proseguimento

[abellos]

Ecco qual'era il problema, si hai ragione ora provo ad usare solamente i CSS
grazie