Ne pouvez pas changer de z-index avec JQuery

J', pour une raison quelconque, ne peut pas changer le zIndex d'un élément à l'aide de jQuery. J'ai cherché sur tout le site internet et Google, mais ne pouvait pas trouver la bonne réponse.
Je suis en train de mettre mon élément en face d'une autre div en cliquant sur un bouton. J'ai utilisé le code que vous pouvez voir ici. Mais ne fonctionne pas.

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

Code CSS des éléments qu'il a sous dans le begin:

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

Code CSS de l'élément qui doit passer au-dessus de ce:

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

Personne ne sait comment je peux résoudre ce problème?

//Edit

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

En cliquant sur le portefeuille de balle, deux balles de baisse de l'air. Ceux-ci devraient aller en face de l'eau lorsque l'utilisateur clique dessus.

  • Bienvenue DONC, et comment quelques-uns HTML pour aller avec qui?
  • Merci! J'ai ajouté l'URL de la page qui contient l'erreur.
InformationsquelleAutor Danny Postma | 2011-11-20
  1. 76

    Réglage de la style.zIndex propriété a aucun effet sur la non-positionné des éléments, c'est, l'élément doit être en position absolue, position relative, ou fixe.

    Je voudrais donc essayer:

    $(this).parent().css('position', 'relative');
$(this).parent().css('z-index', 3000);
    • Il a essayé, n'a pas fonctionné. Semble être un problème étrange!
    • En effet... le problème se produit sur tous les navigateurs, ou seulement un seul?
    • Les deux Safari et Chrome ont le même problème.
    • Votre astuce fonctionne en effet! Faites une façon de contourner le problème et juste changé l'eau c'est de z-index. Merci beaucoup!
    • Thar m'a vraiment aidé 🙂 merci!!
    • Juste une remarque à quelqu'un d'aussi stupide que moi; j'ai écrit dans la mauvaise ligne (sélecteur) et la mise en z-index pour le corps plutôt que l'élément que je voulais. Je devrais avoir cliqué quand j'ai vu le corps à maintenir montrant un 2147483647 z-index. Oh bien.
    • À compter de 2017, ce fut le bon raisonnement pour expliquer pourquoi j'avais de la difficulté dans google Chrome. Ajouté relative position et il a bien fonctionné.

    InformationsquelleAutor Luc125
  2. 4

    C'est non valide la syntaxe Javascript; un nom de propriété ne peut pas avoir un -.

    Utiliser zIndex ou "z-index".

    InformationsquelleAutor SLaks
  3. 2
    $(this).parent().css('z-index',3000);
    • Pour une raison que cela ne fonctionne pas.
    • La différence entre zIndexet z-index n'a rien à voir avec la question, au moins avec une version récente de jQuery
    • Êtes-vous sûr de votre sélecteur de Danny, essayez $('#wall").css('z-index',3000)
    • Pour une raison quelconque, même cela ne fonctionne pas. C'est comme jQuery est complètement ignorant cette ligne
    • En fait je n'ai pas envie de cibler les #mur css, mais je peux faire ce aswel. Fonctionne comme un charme maintenant à l'aide de Luc1245 truc, merci pour le rappel de cette!
    • JavaScript est sensible à la casse, il est donc z-index
    • merci pour l'avertissement, j'ai essayé de dire, vous devez ajouter dash 🙂

    InformationsquelleAutor Utku Yıldırım
  4. 0

    parce que votre jQuery code n'est pas correct.
    Correctement serait:

    var theParent = $(this).parent().get(0); 
$(theParent).css('z-index', 3000);
    • Ce pour quelque raison que cela ne fonctionne pas. Rien n'est en train de changer.
    • Essayez de vérifier theParent variable, si c'est le nœud HTML de l'objet que vous recherchez. Aussi, vous pouvez envisager de jsbin.com ou un autre service de nous montrer exactement ce qui se passe.
    InformationsquelleAutor adrian7
  5. 0

    zIndex fait partie de javaScript notation.(camelCase)

    mais jQuery.css utilise la même que la syntaxe CSS.

    c'est donc z-index.

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

    • eh bien, je l'ai lu quelque part. cependant, $("body").css("borderRight","thin solid black"); et $("body").css("border-right","thin solid red"); les deux œuvres, donc je pense que zIndex et z-index devraient aussi.
    • combiner le commentaire ci-dessus avec la dernière ligne de la réponse et le tour est joué!
    • Ne résout pas le problème pour moi. J'ai ajouté le site où le problème se produit. L'espoir qui peut aider.
    • port1 a parent= port? ce div dois-je cliquer? et ce div aurait obtenu changé?
    • En cliquant sur le portefeuille de la balle tombe à 2 balles. Lorsque vous passez ces, deux boules apparaissent. En cliquant sur celui de droite, le ballon, les éviers et devient plus grande. Le problème que j'ai est dans la même partie du code. Mais il faudrait sélectionner le parent correctement car elle enfonce la balle trop.
    InformationsquelleAutor