如何用jQuery设置负z-index？

Question

我有两个按钮，一个左箭头和一个右箭头来浏览我的幻灯片。幻灯片有几个部分。如果一个部分结束，则隐藏下一个按钮。但即使它不可见，它仍然是可点击的，这会弄乱我的代码，因为我有一个计数器。为了使它“无法点击”，我想通过jquery将css更改为z-index: -1;，但它不起作用。我试过以下：

$('#bx-next').css({"zIndex":"-1"});

还有：

$('#bx-next').css({zIndex:-1});

怎么做对了？没有在谷歌上找到任何东西 - 但它必须是可能的，对吗？

Answer 1

你这样做：

$('#bx-next').css('z-index', '-1');

如果您想要多个，可以这样做：

$('#bx-next').css({
  'z-index' : '-1',
  'color' : 'red',
  'background' : 'blue'
});

如果您只处理一个要更改的元素，则不需要使用{}。

另外，如果这不起作用，z-index很有可能做任何事情（可能不是position＆＃39; d？

请注意：当css对象中包含-时，需要用引号括起来。 z-index无效，'z-index'会在哪里。

例如：

$('#bx-next').css(z-index, -1);     // wont work
$('#bx-next').css('z-index', '-1'); // works

新答案

 $('#bx-next').parent().css('z-index', '-1');

parent()将获取父元素，这实际上正在改变链接。

Answer 2

$('#bx-next').css("z-index", "-1");

Answer 3

你可以这样做： -

$('#bx-next').css('z-index', '-1');

OR

$('#bx-next').attr('style','z-index:-1;');