Non è possibile cambiare il z-index con JQuery

Io, per qualche motivo, non è possibile modificare il zIndex di un elemento utilizzando jQuery. Ho cercato tutti di questo sito web e Google, ma non riusciva a trovare la risposta giusta.
Sto cercando di mettere il mio elemento fronte a un altro div con il clic di un pulsante. Ho usato il codice che potete vedere qui sotto. Ma non ha funzionato.

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

Codice CSS di elementi è sotto all’inizio:

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

Codice CSS dell’elemento che dovrebbe andare al di sopra di questo:

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

Qualcuno sa come posso risolvere questo problema?

//Modifica

Link al sito:
http://dannypostma.com/project/j.php

Quando si fa clic sul portafoglio palla, due sfere cadono dal cielo. Questi dovrebbero andare davanti l’acqua quando si fa clic.

  • Benvenuti a MODO, e per quanto riguarda il codice HTML per andare con quella?
  • Grazie! Ho aggiunto l’URL della pagina che contiene l’errore.
InformationsquelleAutor Danny Postma | 2011-11-20



5 Replies
  1. 78

    Impostazione del style.zIndex proprietà ha alcun effetto non posizionati elementi, che è l’elemento devono essere posizionati in modo assoluto, relativamente posizionato, o fisso.

    Così mi piacerebbe provare:

    $(this).parent().css('position', 'relative');
    $(this).parent().css('z-index', 3000);
    • Provato, non ha funzionato. Sembra essere uno strano problema!
    • Infatti… il problema si verifica su tutti i browser o solo uno?
    • Sia Safari e Chrome hanno lo stesso problema.
    • Il trucco funziona davvero!!! Fatto un modo per aggirare il problema e che appena cambiato l’acqua e ‘ z-index. Grazie mille!
    • Thar veramente aiutato 🙂 grazie!!!
    • Proprio come una nota a chiunque, come stupido come me, che stavo scrivendo in linea sbagliata (selettore) e l’impostazione z-index per il corpo, piuttosto che l’elemento che volevo. Dovrei aver cliccato quando ho visto il corpo di continuare a mostrare un 2147483647 z-index. Oh, bene.
    • Come 2017 questo è stato corretto il ragionamento per cui ho avuto difficoltà a Chrome. Aggiunto relative posizione e ha funzionato bene.

  2. 4

    Che non valide sintassi di Javascript; un nome di proprietà non può avere un -.

    Utilizzare zIndex o "z-index".

  3. 2
    $(this).parent().css('z-index',3000);
    • Per qualche motivo che non funziona.
    • La differenza tra zIndexe z-index ha nulla a che fare con il problema, almeno con una recente versione di jQuery
    • Siete sicuri circa il vostro selettore di Danny, tenta $(‘#muro”).css(‘z-index’,3000)
    • Per qualche motivo, anche che non funziona. È come jQuery è completamente ignorando questa riga
    • Io in realtà non desidera identificare la #muro css, ma posso fare questo aswel. Funziona come un fascino ora utilizzando Luc1245 trucco, grazie per ricordare di che!
    • JavaScript è case sensitive, quindi è z-index
    • grazie per la segnalazione, stavo cercando di dire che è necessario aggiungere dash 🙂

  4. 0

    perché il codice jQuery è sbagliato.
    Correttamente sarebbe:

    var theParent = $(this).parent().get(0); 
    $(theParent).css('z-index', 3000);
    • Questo per qualche motivo non funziona. Nulla cambia.
    • Prova a controllare theParent variabile, se è HTML nodo oggetto che si sta cercando. Inoltre, si potrebbe prendere in considerazione jsbin.com o qualche altro servizio ci mostra esattamente che cosa sta succedendo.
  5. 0

    zIndex è parte di javaScript notazione.(camelCase)

    ma jQuery.css utilizza la stessa sintassi di CSS.

    così è z-index.

    hai dimenticato .css(“attr”,”valore”). utilizzare ” o ” in entrambi, attr e val. così,
    .css("z-index","3000");

    • bene, ho letto da qualche parte. però, $("body").css("borderRight","thin solid black"); e $("body").css("border-right","thin solid red"); entrambi i lavori quindi penso zIndex e z-index dovrebbe troppo.
    • combinare commento di cui sopra con l’ultima riga in risposta e voilà!
    • Non risolve il problema per me. Ho aggiunto il sito in cui si verifica il problema. Spero possa essere utile.
    • port1 ha parent= porta? cosa div devo cliccare? e che cosa div dovrebbe hanno cambiato?
    • Cliccando il portafoglio palla gocce 2 palle. Quando si passa queste due sfere appaiono. Quando si fa clic sulla destra, la palla affonda e diventa più grande. Il problema che ho è nella stessa parte di codice. Se è necessario selezionare il genitore correttamente perché affonda la palla di troppo.

Lascia un commento