web-dev-qa-db-fra.com

Impossible de modifier le z-index avec JQuery

Pour une raison quelconque, je ne peux pas changer le zIndex d'un élément à l'aide de jQuery. J'ai effectué des recherches sur l'ensemble de ce site Web et sur Google, mais je n'ai pas trouvé la bonne réponse. J'essaie de mettre mon élément devant une autre div en cliquant sur un bouton. J'ai utilisé le code que vous pouvez voir ci-dessous. Mais ça n'a pas marché.

  $(this).parent().css('zIndex',3000);

Code CSS des éléments sous lesquels il se trouve au début:

#wall{
    width:100%;
    height:700px;
    position: absolute;
    top:500px;
    background: #11c1e7;
    opacity: 0.6;
    z-index: 900;
    }

Code CSS de l'élément qui devrait aller au-dessus de ceci:

.port1 {
width:200px;
height:200px;
left:<?php echo Rand(1,1000); ?>px;
top:-500px;
border-radius: 500px;
background:red;
position:absolute;
z-index: 10;
}

Est-ce que quelqu'un sait comment je peux résoudre ce problème?

// Modifier

Lien vers le site: http://dannypostma.com/project/j.php

Lorsque vous cliquez sur la balle de portefeuille, deux balles tombent des airs. Ceux-ci devraient aller devant l'eau lorsque vous cliquez dessus.

javascriptjqueryz-index
29
Danny Postma

Réglage du style.zIndex la propriété a aucun effet sur les éléments non positionnés, c'est-à-dire que l'élément doit être soit absolument positionné, soit relativement positionné, soit fixe.

J'essaierais donc:

$(this).parent().css('position', 'relative');
$(this).parent().css('z-index', 3000);
78
Luc125

C'est une syntaxe Javascript invalide; un nom de propriété ne peut pas avoir un -.

Utilisez zIndex ou "z-index".

4
SLaks
$(this).parent().css('z-index',3000);
2
Utku Yıldırım

car votre code jQuery est incorrect. Ce serait correctement:

var theParent = $(this).parent().get(0); 
$(theParent).css('z-index', 3000);
0
adrian7

zIndex fait partie de la notation javaScript. (camelCase)
mais jQuery.css utilise la même chose que la syntaxe CSS.
c'est donc z-index.

vous avez oublié .css ("attr", "value"). utilisez 'ou "dans les deux, attr et val. donc, .css("z-index","3000");

0
user900360