La saisie semi-automatique de jQuery-UI ne s'affiche pas correctement, problème d'index z

Question

Je suis actuellement à la mise en œuvre de jQuery UI autocomplete dans mes clients de la boutique en ligne. Le problème est: l'élément de la saisie semi-automatique réside dans, a un z-index supérieur puis le z-index de la saisie semi-automatique. J'ai essayé le réglage de la saisie semi-automatique z-index manuellement, mais j'ai l'impression que jQuery UI est écrasant.

En fait ma question est un double de la saisie semi-automatique de liste de suggestion de mal le z-index, comment puis-je changer?, mais puisqu'il n'y a pas de réponse j'ai pensé à donner une autre chance.

Toute aide est la bienvenue!

Martijn

Answer 1

Pourquoi ne pas utiliser z-index et ! Important ?

 .ui-autocomplete { position: absolute; cursor: default;z-index:30 !important;}  
 

Answer 2

Lors de mes recherches, j'ai trouvé ce sujet (http://forum.jquery.com/topic/alternating-style-on-autocomplete). Apparemment, la seule façon de changer le style de la boîte de saisie semi-automatique est de le faire via javascript:

     open: function(){
        $(this).autocomplete('widget').css('z-index', 100);
        return false;
    },
 

Answer 3

Changer l'index z de la div parente, le menu d'auto-complétion aura l'index z de la div + 1

Answer 4

Dans le CSS de jQuery UI :

 .ui-front { z-index: 9999; }
 

Answer 5

Essayez ceci, vous pouvez manipuler l'index z au moment de l'exécution ou de l'initialisation

 $('#autocomplete').autocomplete({
    open: function(){
        setTimeout(function () {
            $('.ui-autocomplete').css('z-index', 99999999999999);
        }, 0);
    }
});