css的jquery条件语句？答案

【问题标题】：Jquery conditional statements for css?css的jquery条件语句？
【发布时间】：2012-04-28 03:27:08
【问题描述】：

条件语句似乎对我不起作用。我正在尝试一组堆叠的图像以根据被选择的图像的 zIndex 更改它们的 zIndex。因此，如果我有几个按钮可以将一些图像调到前面：

（假设我们默认从第一张图片开始并选择第二张图片）

<script>
$(function() {
    var z = $("#image2").zIndex;  //also tried .css.zIndex;
    $("#button2").click(function() {
        if (z != 999 ) {
            $("#image1").animate({zIndex: 0}, 1, 'linear');
            $("#image2").animate({zIndex: 999}, 1, 'linear'); 
        } else {
        return false;
        };  
    });
});
</script>

问题是，虽然它确实有效，但无论条件是否成立，它都有效，所以如果我选择第二张图像然后再次选择它，它将运行脚本。现在，在您开始想知道为什么这很重要之前，还有更多的事情发生，这会导致视觉错误发生，否则 id 就这样吧，但这就是它的要点。

【问题讨论】：

$(".foo").css("zIndex");

标签： jquery css conditional statements

【解决方案1】：

您可以：

$("#image2")[0].style.zIndex // document.getElementById(image2).style.zIndex

或

$("#image2").css('zIndex');

你这里有一个原生 JavaScript 属性 getter/setter 挂在一个 jQuery 集合上，这根本不是它的工作原理。

【讨论】：

【解决方案2】：

if ( $("#image2").css("z-index") <= 999 ){
      $("#image1").animate({zIndex: 0}, 1, 'linear');
      $("#image2").animate({zIndex: 999}, 1, 'linear'); 
}

希望这对你有用..

【讨论】：

就是这样，.css("z-index") 是我所缺少的，谢谢。

【解决方案3】：

检查一下，看看这是否适合您？ http://jsfiddle.net/atfZn/5/

【讨论】：