Risolvere il baco di jQuery datapicker che scompare dietro al dialog

Aprendo un dialog con jQuery UI, dove al suo interno è impostato un campo input con datepicker, quest’ultimo scompare dietro al dialog a causa di un errata impostazione dello zIndex. Per risolverlo basta inserire nell’evento open del dialog, dopo l’impostazione del nostro campo input a datapicker, le seguenti righe di codice:

1
2
3
4
5
6
7
8
9
10
11
/**
 * Funziona con jQuery UI 1.6rc5 e jQuery 1.3.1
 */
$('div#mydialog')
   .dialog( {
      open   : function (e,ui) {
         $('input#date_insert').datepicker( { showButtonPanel: true } );
         $(".ui-datepicker").css("z-index", $(this).parents('.ui-dialog').css('z-index')+1 ); }
         }
    }
);

Non ci sono commenti per questo Post

Lascia un commento

TAG XHTML PERMESSI: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERIMENTO CODICE: 
<pre></pre> // blocco generico
					<code></code> // blocco generico
					[cc_actionscript][/cc_actionscript] // Actionscript
					[cc_actionscript3][/cc_actionscript3] // Actionscript 3
					[cc_css][/cc_css] // CSS Style Sheet
					[cc_html][/cc_html] // HTML
					[cc_js][/cc_js] // Javascript
					[cc_objc][/cc_objc] // Objective-C
					[cc_php][/cc_objc] // PHP
					[cc_sql][/cc_sql] // SQL


Stop SOPA