Simple Jquery appels de style Css

Question

Quel est le problème avec?

var hover = $('<img />').attr('src', hovers[i]).css('position', 
                 'absolute', 
                 'visibility' , 
                 'hidden'); 

pour une raison quelconque, le 'visibility' , 'hidden' n'est pas appelé? mais si je supprime le style de position, il le fait.

Qu'est-ce que je fais mal ici?

Answer 1

La réponse est de passer un objet avec des paires de valeurs clés dans la méthode css plutôt en faisant passer des arguments supplémentaires:

var hover = $('<img />') 
    .attr('src', hovers[i]) 
    .css({ 
     position: 'absolute', 
     visibility: 'hidden' 
    }); 

Consultez la documentation ici pour « Css (carte) »: http://api.jquery.com/css/#css2

Answer 2

À partir des documents CSS, vous pouvez voir que votre syntaxe n'est pas correcte, lorsque vous définissez plusieurs attributs css utiliser:, puis virgule pour séparer, renferme également tous les attributs entre accolades, comme ceci:

var hover = $('<img />').attr('src', hovers[i]).css({'position':'absolute','visibility':'hidden'}); 

Answer 3

Modifier à ceci:

var hover = $('<img />').attr('src', hovers[i]).css({'position': 'absolute', 'visibility': 'hidden'});