Не могу изменить z-index с JQuery

Question

Я по какой-то причине не могу изменить zIndex элемента, используя jQuery. Я искал весь этот сайт и Google, но не смог найти правильный ответ. Я пытаюсь поместить свой элемент перед другим div при нажатии кнопки. Я использовал код, который вы можете увидеть здесь. Но не сработало.

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

CSS-код элементов, в котором он находится в начале:

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

Код CSS элемента, который должен идти выше этого:

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

Кто-нибудь знает, как я могу это исправить?

// Редактировать

Ссылка на сайт: http://dannypostma.com/project/j.php

При нажатии на шар портфеля, два шара падают с воздуха. Они должны идти перед водой при нажатии.

Answer 1

Настройка style.zIndex свойство не влияет на непозиционированные элементы, то есть элемент должен быть абсолютно позиционирован, относительно позиционирован или фиксирован.

Поэтому я бы попробовал:

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

Answer 2

Это неверный синтаксис Javascript; имя свойства не может иметь -,

Используйте либо zIndex или же "z-index",

Answer 3

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

Answer 4

Потому что ваш код JQuery неверен. Правильно будет:

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

Answer 5

zIndex является частью нотации javaScript.(camelCase)
но jQuery.css использует тот же синтаксис CSS.
так что, это z-index,

Вы забыли.css("attr","value"). используйте 'или' в обоих, attr и val. .css("z-index","3000");

Answer 6

z-index должен быть целым числом. Поэтому попробуйте использовать parseInt():$element.css({"z-index", parseInt(z)});