Nie je možné zmeniť z-index pomocou JQuery - javascript, jquery, z-index

Ja z nejakého dôvodu nemôžem zmeniť zIndex indexuprvok pomocou jQuery. Prehľadal som všetky tieto webové stránky a Google, ale nenašiel som správnu odpoveď. Pokúšam sa dať svoj prvok pred iný div po kliknutí na tlačidlo. Použil som kód, ktorý vidíte tu. Ale nefungovalo to.

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

Kód CSS prvkov, pod ktorými sa na začiatku nachádza:

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

Kód CSS prvku, ktorý by mal ísť nad toto:

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

Vie niekto, ako to dokážem opraviť?

// Upraviť

Odkaz na stránku: http://dannypostma.com/project/j.php

Keď kliknete na guľôčku portfólia, dve guľky spadnú zo vzduchu. Po kliknutí by mali ísť pred vodu.

odpovede:

70 pre odpoveď č. 1

Nastavenie style.zIndex majetok má bez efektu na neumiestňovaných prvkoch, to znamená, že prvok musí byť buď absolútne umiestnený, relatívne umiestnený, alebo pripevnený.

Skúsim teda:

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

---

2 pre odpoveď č. 2

Toto je neplatná syntax jazyka Javascript; názov vlastnosti nemôže mať a -.

Použite jeden z nich zIndex alebo "z-index".

---

2 pre odpoveď č. 3

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

---

0 pre odpoveď č. 4

pretože váš kód jQuery je nesprávny. Správne by bolo:

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

---

0 pre odpoveď č. 5

zIndex je súčasťou zápisu v jazyku JavaScript. (camelCase)
ale jQuery.css používa to isté ako syntax CSS.
tak to je z-index.

zabudli ste .css ("attr", "value"). použite „alebo“ v oboch attr a val. tak, .css("z-index","3000");

---