Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/wix/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';使用JQuery更改z索引_Javascript_Jquery_Z Index - Fatal编程技术网

Javascript Can';使用JQuery更改z索引

Javascript Can';使用JQuery更改z索引,javascript,jquery,z-index,Javascript,Jquery,Z Index,一、 由于某些原因,无法使用jQuery更改元素的zIndex。我已经搜索了这个网站和谷歌,但没有找到正确的答案。 我试图在单击按钮时将我的元素放在另一个div前面。我使用了你可以在下面看到的代码。但是没有起作用 $(this).parent().css('zIndex',3000); 它在开始处的元素的CSS代码: #wall{ width:100%; height:700px; position: absolute; top:500px; bac

一、 由于某些原因,无法使用jQuery更改元素的zIndex。我已经搜索了这个网站和谷歌,但没有找到正确的答案。 我试图在单击按钮时将我的元素放在另一个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;
}
.port1{
宽度:200px;
高度:200px;
左:px;
顶部:-500px;
边界半径:500px;
背景:红色;
位置:绝对位置;
z指数:10;
}
有人知道我怎么解决这个问题吗

//编辑

链接至网站:


单击公文包球时,两个球从空中落下。单击时,这些脚本应该放在水前面。

这是无效的Javascript语法;属性名称不能有
-

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

使用
zIndex
“z-index”

,因为jQuery代码是错误的。 正确的做法是:

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

zIndex
是javaScript符号的一部分。(camelCase)
但是jQuery.css使用与css相同的语法
所以它是
z-index

您忘记了.css(“attr”、“value”)。在attr和val中都使用'or',
.css(“z-index”,“3000”);
设置
样式.zIndex
属性对未定位的元素没有影响,也就是说,元素必须绝对定位、相对定位或固定

因此,我会尝试:

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


欢迎你这么做,还有一些HTML可以和它一起使用吗?谢谢!我已经添加了包含错误的页面的URL。这个原因也不起作用。没有什么变化。尝试检查父变量,如果它是你正在寻找的HTML节点对象。你也可以考虑JSBIN或其他一些服务来确切地告诉我们G是什么。继续。zIndex和z-index之间的区别与问题无关,至少与JQueryar的最新版本无关。Danny,你确定你的选择器吗,试试$('#wall').css('z-index',3000)出于某种原因,即使这样也不起作用。就像jQuery完全忽略了这一行一样,我实际上不想针对#wall css,但我也可以这样做。现在使用Luc1245技巧,效果非常好,谢谢提醒!JavaScript区分大小写,所以它是z-indexwell,我在某处读过它。不过,
$(“body”).css(“borderRight“,”薄实心黑色“)
$(“body”).css(“右边框”、“红色细实心”)两者都有效,所以我认为
zIndex
z-index
也应该有效。将以上评论与答案中的最后一行结合起来,瞧!这并不能解决我的问题。我添加了出现问题的站点。希望对您有所帮助。port1有parent=port吗?我应该点击哪个div?什么部门应该换?点击公文包球会掉2个球。当您悬停这些时,会出现两个球。单击右侧的球时,球下沉并变大。我遇到的问题在代码的同一部分。虽然它应该正确选择父对象,因为它也会使球下沉。事实上。。。这个问题是发生在所有浏览器上,还是只发生在一个浏览器上?Safari和Chrome都有相同的问题。你的技巧确实有效!解决了这个问题,只是改变了水的z指数。非常感谢!就像给像我这样愚蠢的人的一张纸条;我写错了行(选择器),并将
z-index
设置为主体,而不是我想要的元素。当我看到尸体一直显示2147483647
z-index
时,我应该点击一下。好吧,从2017年开始,这就是我为什么在Chrome上遇到困难的正确理由。添加了
相对
位置,效果良好。