Définir une image backgroud de page HTML en utilisant jQuery

Question

Je veux définir la page backgroudImage en utilisant jQuery.
J'ai écrit ce code mais cela ne fonctionne pas.
Quel est le problème?
Image existe

var Page = $(this); 
$(function() { 
    SetBackgroundImage(); 
}); 


function SetBackgroundImage() { 
    //Todo read ImagePath from server 

    var ImageUrl; 
    ImageUrl ="../Images/BackgroudImage.jpg"; 

    try { 

     Page.css('background-image', 'url(' + ImageUrl + ')'); 
    } catch (e) { 
     //LogError 
     alert(e.Description); 
    } 

} 

Answer 1

La variable Page détient actuellement une référence à un objet jQuery qui est wrappend autour de l'élément window. Vous voulez que l'objet jQuery entoure la balise body.

Pour récupérer l'élément du corps que vous devrez régler votre code un peu, comme ceci:

$(function() { 
    $('body').css('background-image', 'url(' + ImageUrl + ')'); 
}); 

Je vous suggère de jeter un oeil à la jQuery API pour un peu plus d'informations sur jQuery.