No se puede cambiar el índice Z con JQuery

Question

Yo, por alguna razón, no puedo cambiar el zIndex de un elemento usando jQuery. He buscado en todo este sitio web y en Google, pero no he podido encontrar la respuesta correcta. Estoy tratando de poner mi elemento en frente de otro div al hacer clic en un botón. Usé el código que puedes ver aquí. Pero no funcionó.

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

código CSS de los elementos que está bajo en el inicio: Código

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

CSS del elemento que debe ir por encima de esto:

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

¿Alguien sabe cómo puedo solucionar esto?

// Editar

Enlace al sitio: http://dannypostma.com/project/j.php

Al hacer clic en la pelota de cartera, dos bolas de caer desde el aire. Estos deben ir en frente del agua cuando se hace clic.

Answer 1

Establecer la propiedad style.zIndex tiene ningún efecto en elementos no posicionado, es decir, el elemento debe ser ya sea absolutamente posicionado, relativamente posicionada, o fijado .

Así que me gustaría probar:

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

Answer 2

$(this).parent().css('z-index',3000); 

Answer 3

No es válida la sintaxis de Javascript; un nombre de propiedad no puede tener un -.

Utilice zIndex o "z-index".

Answer 4

porque su código jQuery es incorrecto. correctamente sería:

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

Answer 5

zIndex es parte de la notación Javascript (camelCase)
pero jQuery.css utiliza igual que la sintaxis de CSS..
así que es z-index.

has olvidado .css ("attr", "value"). utilizar 'o "en ambos, attr y val. Por lo tanto, .css("z-index","3000");