JQuery UI Datepicker Ajout de code avant</body> - Messing Up Layout

Question

J'utilise JQuery UI pour diverses choses, dont la datepicker. Je l'ai remarqué, il est l'ajout de cette div à la fin de ma page:

<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible" id="ui-datepicker-div"></div> 

juste avant la balise </body>. Ce qui laisse un espace de 40px-ish au bas de la page après mon pied de page.

Des idées comment je peux me débarrasser de cela?

Merci!

Answer 1

C'est un conteneur qui contient le code HTML du widget lorsque vous l'affichez. Lorsque le sélecteur de date n'est pas visible, le conteneur doit être complètement invisible. Si vous avez joué avec le CSS du thème, essayez de le restaurer:

/* Layout helpers 
----------------------------------*/ 
.ui-helper-hidden { display: none; } 
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; } 
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } 
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.ui-helper-clearfix { display: inline-block; } 
/* required comment for clearfix to work in Opera \*/ 
* html .ui-helper-clearfix { height:1%; } 
.ui-helper-clearfix { display:block; } 
/* end clearfix */ 
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } 

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/themes/base/jquery-ui.css

Answer 2

j'ai eu ce même problème quand j'avais plusieurs plug-ins avec divers fichiers CSS sur la même page. Je n'ai pas pu ajouter la css d'aide à la disposition car elle était déjà incluse, donc l'ajouter n'a pas aidé.

Au lieu de cela, je viens de faire ceci:

$('#ui-datepicker-div').hide(); 

C'est un terrible bidouille, mais j'espère que cela fait gagner des heures de quelqu'un de débogage comme il l'a fait pour moi.