Jquery UI- La superposition ne se redimensionne pas lorsque la boîte de dialogue est redimensionnée

Question

Utilisation de Jquery pour ouvrir une boîte de dialogue (avec modal: true), qui contient un formulaire. Maintenant, je supprime certains éléments du formulaire en fonction des choix effectués par l'utilisateur sur le formulaire. Cela redimensionne la boîte de dialogue mais la superposition n'est pas redimensionnée. Une ombre est laissée derrière. Existe-t-il un moyen de redimensionner la superposition lorsque la boîte de dialogue est redimensionnée?

ci-dessous est un code

//fadeout() some components on page based on choices made by user. 
     if(selectedVal == 1){ 
      $("#modify_task_window").fadeIn(); 
      $("#modify_tag_window").fadeIn(); 
      $("#task_help_text").fadeIn(); 
     }else{ 
      $("#modify_task_window").fadeOut(); 
      $("#modify_tag_window").fadeOut(); 
      $("#task_help_text").fadeOut(); 

Après cela, fadeOut() la boîte de dialogue est redimensionnée, mais la superposition est pas redimensionnée. Une ombre est laissée derrière.

Answer 1

Vous avez trouvé la réponse. Je viens de mettre l'opacité de l'ombre à zéro. Cela a résolu le problème

Answer 2

Déclencher un événement de redimensionnement de fenêtre. La superposition sera redimensionnée avec elle. $ (window) .trigger ('redimensionner')