web-dev-qa-db-ja.com

JQueryでz-indexを変更できません

何らかの理由で、jQueryを使用して要素のzIndexを変更することはできません。このWebサイトと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つのボールが空から落ちます。これらをクリックすると、水の前に移動します。

javascriptjqueryz-index
29
Danny Postma

style.zIndexプロパティには、効果なしが配置されていない要素に対してあります。つまり、要素は絶対配置、相対配置、または固定のいずれかでなければなりません。

だから私は試してみます：

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

それは無効なJavascript構文です。プロパティ名に-を含めることはできません。

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

4
SLaks
$(this).parent().css('z-index',3000);
2
Utku Yıldırım

jQueryコードが間違っているためです。正確には：

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

zIndexはjavaScript表記の一部です（camelCase）
ただし、jQuery.cssはCSS構文と同じものを使用します。
だから_z-index_です。

.css（ "attr"、 "value"）を忘れました。 attrとvalの両方で 'または "を使用します。したがって、.css("z-index","3000");

0
user900360