Не могу изменить 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

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

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

Answer 5

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

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