jQuery » Sviluppo » Javascript » Internet » CSS

Risolvere il baco di jQuery datapicker che scompare dietro al dialog

giovedì 12 febbraio, 2009

Aprendo un dialog con jQuery UI, dove al suo interno è impostato un campo input con datapicker, 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:

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

Post correlati

Questo articolo ti è stato utile?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Loading ...

Tags: , , , , , , , , ,

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
[as][/as]           // Actionscript
[css][/css]         // CSS Style Sheet
[html][/html]       // HTML
[js][/js]           // Javascript
[objc][/objc]       // Objective-C
[php][/php]         // PHP
[sql][/sql]         // SQL