Невозможно изменить z-индекс с помощью JQuery

Я по какой-то причине не могу изменить 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

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

Ответы

Ответ 1

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

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

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

Ответ 2

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

Ответ 3

Этот недопустимый синтаксис Javascript; имя свойства не может иметь -.

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

Ответ 4

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

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

Ответ 5

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

поэтому он z-index.

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