comment définir des images d'arrière-plan lorsque ui dialogue jquery est ouvert()

Question

comment définir des images d'arrière-plan lorsque ui dialogue jquery est ouvert()

Comment puis-je définir des images d'arrière-plan de la page html jquery

Answer 1

L'interface utilisateur jQuery Dialog ne vous empêchera pas de modifier la page derrière avec javascript, même si la boîte de dialogue est modale.

Ce qui suit fonctionnera:

$('body').css('background','url(path/to/your/image.jpg)') 

Si vous souhaitez définir cette image d'arrière-plan lorsque votre interface de dialogue ouvre, alors vous lier à l'événement « ouvert » de la boîte de dialogue, comme suit:

$(".selector").dialog({ 
    open: function(event, ui) { ... } 
}); 

ou ...

$(".selector").bind("dialogopen", function(event, ui) { 
    ... 
}); 

Si vous rencontrez des difficultés pour établir une nouvelle image de fond la page, il se peut qu'un élément soit stylé sur votre page avec un sélecteur CSS plus spécifique que celui que vous fournissez. Par exemple, vous pouvez avoir un wrapper div imbriqué juste à l'intérieur du corps qui a une image de fond, qui assommerait les balises body.

Answer 2

Votre question n'est pas tout à fait clair, cependant:

Vous pouvez utiliser. addClass pour ajouter une classe css à un élément. La classe css peut avoir une image d'arrière-plan définie.

.sky 
{ 
    background-image:url('sky.png'); 
} 

$('#someElement').addClass('sky'); 

Answer 3

Dans l'interface utilisateur jQuery, lorsque la boîte de dialogue est ouverte, l'arrière-plan de la page a été modifié en définissant les valeurs appropriées de la classe ui-widget-overlay. Vous pouvez vérifier l'arrière-plan en changeant l'arrière-plan propriété ou utiliser d'autres propriétés CSS ..

Vous pouvez utiliser la méthode css qui jQuery permet de modifier les valeurs