jQuery datepicker apparaît derrière popup

J'utilise deux plugins jQuery différents que j'essaie de combiner. D'abord j'utilise un plugin popup de http://fancybox.net/home. Lorsque la fenêtre contextuelle montre que j'ai besoin d'avoir un champ de texte avec une datepicker dans le popup. Le programme datepicker provient de l'interface utilisateur jQuery. Le problème est que le datepicker apparaît toujours derrière la fenêtre contextuelle, il est donc impossible de sélectionner une date. Est-ce quelque chose que je peux changer d'une manière ou d'une autre?jQuery datepicker apparaît derrière popup

Mon code:

<html> 
    <a id="inline" href="#data">Open popup</a> 

    <div style="display:none"><div id="data"> 
     <input id="datepicker" type="text"> 
    </div></div> 
</html> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("a#inline").fancybox(); 
     $("#datepicker").datepicker(); 
    }); 
</script>

Source

2010-08-17 Martin

Quel est le z-index de la version fancybox que vous utilisez, pouvez-vous vérifier le CSS? –

Vous devez définir le z-index du datepicker supérieur à celui du fancybox. Le z-index de fancybox est 1101, il suffit de mettre le datepicker à 1102 ou quelque chose de plus élevé et il devrait mettre le datepicker au premier plan.

Source

2010-08-17 12:23:08

Upvote pour mentionner l'index z utilisé par fancybox. C'est un détail clé qui manquait dans d'autres explications, ce qui m'avait laissé penser «mec - un millier devrait suffire». –

utilisation CSS - .datepicker{ z-index: 999999; }

Source

2014-01-27 05:41:03

.fancybox-intérieure {overflow: visible importante;}

cela fonctionne pour moi

Source

2015-12-28 05:49:20

jQuery datepicker apparaît derrière popup

Répondre

Questions connexes