La hauteur de la boîte de dialogue jQueryUI est trop élevée

J'ai une boîte de dialogue jQueryUI qui charge son contenu au moment où quelqu'un l'ouvre en utilisant l'événement "open" pour lancer l'appel $ ('# dialogDiv'). Load().La hauteur de la boîte de dialogue jQueryUI est trop élevée

Fonctionne bien, sauf que la boîte de dialogue devient extrêmement haute si le contenu est chargé. Ce que je veux, c'est limiter la hauteur. L'option de dialogue maxHeight jQueryUI semble fonctionner parfaitement, sauf qu'elle ne prend effet qu'au moment du redimensionnement. La charge initiale augmentera la taille de la boîte de dialogue et ensuite, lorsque vous l'essayerez et la redimensionnerez, elle rétrécira immédiatement jusqu'à la taille maxHeight.

Comment puis-je créer une boîte de dialogue de chargement dynamique ne dépassant pas une certaine hauteur?

Source

2010-10-26 at.

option Utiliser la hauteur tout en initalization ... pour EG-

<script> 
$(function() { 
    // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore! 
    $("#dialog").dialog("destroy"); 

    $("#dialog-confirm").dialog({ 
     resizable: false, 
     height:140, 
     modal: true, 
     buttons: { 
      "Delete all items": function() { 
       $(this).dialog("close"); 
      }, 
      Cancel: function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 
}); 
</script>

ici vous pouvez voir "la hauteur: 140"

ce que le définit DILOG sera seulement de cette taille, peu importe combien de données est à l'intérieur .. pour plus de détails sur les événements, les options, les méthodes télécharger (à partir de here), extraire et consulter le jquery-ui-1.8.5.custom> development-bundle> docs> dialog.html

Source

2010-10-26 10:50:27

Oui, j'ai essayé la hauteur et elle est restée à cette hauteur pendant le chargement des données. Le problème est que je veux que la hauteur soit ajustée à la bonne hauteur des données ... –

Assurez-vous que les données que vous chargez n'ont pas
supplémentaire ou quelque chose comme ça. Pour cela, vous pouvez utiliser Mozilla addon "Firebug" Inspecter le code HTML en utilisant bug de feu, je suis sûr que vous pouvez trouver la cause de l'espace supplémentaire à l'intérieur de la boîte de dialogue. –

Je ne sais pas vraiment comment donner un sens à votre commentaire, mais j'ai trouvé la solution dans cette question similaire: http://stackoverflow.com/questions/4032468/adjust-height-on-jqueryui-dialog- être-comme-grand-comme-contenu-jusqu'à-un-max –

Ajout du CSS position:absolute;overflow:hidden pour la classe .ui-dialog va résoudre le problème.

Source

2012-02-23 16:22:05 deva

La hauteur de la boîte de dialogue jQueryUI est trop élevée

Répondre

Questions connexes