J'ai besoin de définir la propriété CSS de largeur comme la même taille que la largeur actuelle du navigateur. Pour ce faire, j'ai fait var setWidth = $(window).width(), mais je ne sais pas comment appliquer cela à mon code actuel, qui ressemble à ceci:

$(document).ready(function(){
    $("#backgroundImg").css("width", ""); 
});

Y a-t-il un moyen de faire ça? Je suis nouveau sur JQuery, donc je pourrais être vraiment amateur.

3
Lee360TheCoder 21 juil. 2015 à 21:23

4 réponses

Meilleure réponse

Essaye ça

$(document).ready(function() {
    var setWidth = $(window).width();
    $("#backgroundImg").css("width", setWidth + 'px'); 
});

Ou vous pouvez utiliser $.width

$(document).ready(function() {
    $('#backgroundImg').width( $(window).width() )
});
7
Alexander T. 21 juil. 2015 à 18:36

Cela devrait faire en sorte que l'arrière-plan corresponde à la largeur actuelle du navigateur:

$( "#backgroundImg" ).width( setWidth )

La source

0
spencer 21 juil. 2015 à 18:33

Une option: $ ("# backgroundImg"). Css ("width", "100%");

Avec votre option variable, faites: var setWidth = $ (window) .width () + 'px';

Donc votre code serait

$(document).ready(function(){
$("#backgroundImg").css("width", setWidth); 

});

0
Bryan Mudge 21 juil. 2015 à 18:28

Mettre à jour le code pour suivre

$("#backgroundImg").css("width", setWidth + "px");
0
Nikhil Aggarwal 21 juil. 2015 à 18:25