Không thể thay đổi chỉ mục z bằng JQuery

Question

Tôi, vì một số lý do, không thể thay đổi zIndex của một phần tử bằng jQuery. Tôi đã tìm kiếm tất cả trang web này và Google nhưng không thể tìm thấy câu trả lời đúng. Tôi đang cố gắng đặt phần tử của mình trước một div khác khi nhấp vào nút. Tôi đã sử dụng mã bạn có thể xem dưới đây. Nhưng không hiệu quả.

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

mã CSS của các yếu tố đó là dưới trong bắt đầu:

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

CSS code của yếu tố đó nên đi trên này:

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

Có ai biết làm thế nào tôi có thể sửa lỗi này?

// Sửa

Liên kết đến trang web: http://dannypostma.com/project/j.php

Khi nhấn vào bóng danh mục đầu tư, hai quả bóng thả từ trên không. Những điều này nên đi trước mặt nước khi được nhấp.

Answer 1

Thiết lập style.zIndex tài sản có không có tác dụng trên các yếu tố phi vị trí, tức là phần tử phải được một trong hai vị trí tuyệt đối, tương đối vị trí, hoặc cố định .

Vì vậy, tôi sẽ cố gắng:

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

Answer 2

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

Answer 3

Cú pháp Javascript không hợp lệ; tên thuộc tính không thể có -.

Sử dụng zIndex hoặc "z-index".

Answer 4

vì mã jQuery của bạn sai. đúng sẽ là:

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

Answer 5

zIndex là một phần của ký hiệu JavaScript (camelCase)
nhưng jQuery.css sử dụng tương tự như cú pháp CSS..
để nó là z-index.

bạn quên .css ("attr", "value"). sử dụng 'hay "trong cả hai, attr và val. như vậy, .css("z-index","3000");