JQueryでZ-インデックスを変更できない

Question

何らかの理由で、jQueryを使用して要素のzIndexを変更できません。私はこのウェブサイトと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

、2個のボールが空中から落下。これらは、クリックすると水の前に行くべきです。

Answer 1

は、非位置決め要素に何ら影響がないことであり、要素は絶対に配置されなければならないのいずれかで、比較的配置、または固定。

だから私はしようとするだろう：

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

Answer 2

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

Answer 3

JavaScriptの構文が無効です。プロパティ名には-を含めることはできません。

zIndexまたは"z-index"のいずれかを使用します。

Answer 4

あなたのjQueryコードが間違っているためです。
（キャメルケース）

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

Answer 5

zIndexは、JavaScriptの表記の一部であるが、jQuery.cssは、CSS構文と同じ使用します。 が正しくあろう。
ですのでz-indexです。

あなたは忘れてしまった.css（ "attr"、 "value"）。 ATTRとvalの両方での使用」または「。ので、style.zIndexプロパティを設定 .css("z-index","3000");